<!DOCTYPE html>
<!-- 
Theme: Keen - The Ultimate Bootstrap Admin Theme
Author: KeenThemes
Website: http://www.keenthemes.com/
Contact: support@keenthemes.com
Follow: www.twitter.com/keenthemes
Dribbble: www.dribbble.com/keenthemes
Like: www.facebook.com/keenthemes
License: You must have a valid license purchased only from https://themes.getbootstrap.com/product/keen-the-ultimate-bootstrap-admin-theme/ in order to legally use the theme for your project.
-->
<html lang="en" >
    <!-- begin::Head -->
    <head>
        <meta charset="utf-8"/>
        <title>Keen | Dashboard</title>
        <meta name="description" content="Latest updates and statistic charts">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <!--begin::Fonts -->
        <script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.16/webfont.js"></script>
        <script>
            WebFont.load({

                google: {
"families":[
"Poppins:300,400,500,600,700",
"Raleway:300,400,500,600,700"]},

                active: function() {

                    sessionStorage.fonts = true;
                }
            });
        </script>
        <!--end::Fonts -->
        <!--begin::Page Vendors Styles(used by this page) -->
        <link href="../assets/vendors/custom/fullcalendar/fullcalendar.bundle.css" rel="stylesheet" type="text/css" />
        <!--end::Page Vendors Styles -->
        <!--begin:: Global Mandatory Vendors -->
<link href="../assets/vendors/general/perfect-scrollbar/css/perfect-scrollbar.css" rel="stylesheet" type="text/css" />
<!--end:: Global Mandatory Vendors -->

<!--begin:: Global Optional Vendors -->
<link href="../assets/vendors/general/tether/dist/css/tether.css" rel="stylesheet" type="text/css" />
<link href="../assets/vendors/general/bootstrap-datepicker/dist/css/bootstrap-datepicker3.css" rel="stylesheet" type="text/css" />
<link href="../assets/vendors/general/bootstrap-datetime-picker/css/bootstrap-datetimepicker.css" rel="stylesheet" type="text/css" />
<link href="../assets/vendors/general/bootstrap-timepicker/css/bootstrap-timepicker.css" rel="stylesheet" type="text/css" />
<link href="../assets/vendors/general/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet" type="text/css" />
<link href="../assets/vendors/general/bootstrap-touchspin/dist/jquery.bootstrap-touchspin.css" rel="stylesheet" type="text/css" />
<link href="../assets/vendors/general/bootstrap-select/dist/css/bootstrap-select.css" rel="stylesheet" type="text/css" />
<link href="../assets/vendors/general/nouislider/distribute/nouislider.css" rel="stylesheet" type="text/css" />
<link href="../assets/vendors/general/owl.carousel/dist/assets/owl.carousel.css" rel="stylesheet" type="text/css" />
<link href="../assets/vendors/general/owl.carousel/dist/assets/owl.theme.default.css" rel="stylesheet" type="text/css" />
<link href="../assets/vendors/general/dropzone/dist/dropzone.css" rel="stylesheet" type="text/css" />
<link href="../assets/vendors/general/summernote/dist/summernote.css" rel="stylesheet" type="text/css" />
<link href="../assets/vendors/general/bootstrap-markdown/css/bootstrap-markdown.min.css" rel="stylesheet" type="text/css" />
<link href="../assets/vendors/general/animate.css/animate.css" rel="stylesheet" type="text/css" />
<link href="../assets/vendors/general/toastr/build/toastr.css" rel="stylesheet" type="text/css" />
<link href="../assets/vendors/general/morris.js/morris.css" rel="stylesheet" type="text/css" />
<link href="../assets/vendors/general/sweetalert2/dist/sweetalert2.css" rel="stylesheet" type="text/css" />
<link href="../assets/vendors/general/socicon/css/socicon.css" rel="stylesheet" type="text/css" />
<link href="../assets/vendors/custom/vendors/line-awesome/css/line-awesome.css" rel="stylesheet" type="text/css" />
<link href="../assets/vendors/custom/vendors/flaticon/flaticon.css" rel="stylesheet" type="text/css" />
<link href="../assets/vendors/custom/vendors/flaticon2/flaticon.css" rel="stylesheet" type="text/css" />
<link href="../assets/vendors/custom/vendors/fontawesome5/css/all.min.css" rel="stylesheet" type="text/css" />
<!--end:: Global Optional Vendors -->

<!--begin::Global Theme Styles(used by all pages) -->
        
        <link href="../assets/demo/demo5/base/style.bundle.css" rel="stylesheet" type="text/css" />
        <!--end::Global Theme Styles -->
        <!--begin::Layout Skins(used by all pages) -->
        <link href="../assets/demo/demo5/skins/header/navy.css" rel="stylesheet" type="text/css" />
        <!--end::Layout Skins -->
        <link rel="shortcut icon" href="../assets/media/logos/favicon.ico" />
    </head>
    <!-- end::Head -->
    <!-- begin::Body -->
    <body class="kt-header--fixed kt-header-mobile--fixed kt-aside--enabled kt-aside--left kt-aside--fixed kt-aside--offcanvas-default kt-page--loading" >
        <!-- begin:: Page -->
        <!-- begin:: Header Mobile -->
        <div id="kt_header_mobile" class="kt-header-mobile kt-header-mobile--fixed " >
            <div class="kt-header-mobile__logo">
                <a href="index.html">
                    <img alt="Logo" src="../assets/media/logos/logo-1.png"/>
                </a>
            </div>
            <div class="kt-header-mobile__toolbar">
                <button class="kt-header-mobile__toolbar-toggler" id="kt_header_mobile_toggler"><span></span></button>
                <button class="kt-header-mobile__toolbar-topbar-toggler" id="kt_header_mobile_topbar_toggler"><i class="flaticon-more"></i></button>
            </div>
        </div>
        <!-- end:: Header Mobile -->
        <div class="kt-grid kt-grid--hor kt-grid--root">
            <div class="kt-grid__item kt-grid__item--fluid kt-grid kt-grid--ver kt-page">
                <div class="kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor kt-wrapper" id="kt_wrapper">
                    <!-- begin:: Header -->
                    <div id="kt_header" class="kt-header kt-grid__item kt-grid kt-grid--ver kt-header--fixed " >
                        <!-- begin:: Brand -->
                        <div class="kt-header__brand kt-grid__item" id="kt_header_brand">
                            <a href="index.html">
                                <img alt="Logo" src="../assets/media/logos/logo-1.png"/>
                            </a>
                        </div>
                        <!-- end:: Brand -->
                        <!-- begin: Header Menu -->
                        <button class="kt-header-menu-wrapper-close" id="kt_header_menu_mobile_close_btn"><i class="la la-close"></i></button>
                        <div class="kt-header-menu-wrapper kt-grid__item" id="kt_header_menu_wrapper">
                            <div id="kt_header_menu" class="kt-header-menu kt-header-menu-mobile " >
                                <ul class="kt-menu__nav ">
                                    <li class="kt-menu__item kt-menu__item--open kt-menu__item--here kt-menu__item--submenu kt-menu__item--rel kt-menu__item--open kt-menu__item--here" data-ktmenu-submenu-toggle="click" aria-haspopup="true">
                                        <a href="javascript:;" class="kt-menu__link kt-menu__toggle"><span class="kt-menu__link-text">Dashboard</span><i class="kt-menu__hor-arrow la la-angle-down"></i><i class="kt-menu__ver-arrow la la-angle-right"></i></a>
                                        <div class="kt-menu__submenu kt-menu__submenu--classic kt-menu__submenu--left">
                                            <ul class="kt-menu__subnav">
                                                <li class="kt-menu__item " aria-haspopup="true">
                                                    <a href="index.html" class="kt-menu__link ">
                                                        <i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i>
                                                        <span class="kt-menu__link-text">Default</span>
                                                    </a>
                                                </li>
                                                <li class="kt-menu__item kt-menu__item--active " aria-haspopup="true">
                                                    <a href="dashboards_content-fluid.html" class="kt-menu__link ">
                                                        <i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i>
                                                        <span class="kt-menu__link-text">Fluid Content</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="kt-menu__item kt-menu__item--submenu kt-menu__item--rel" data-ktmenu-submenu-toggle="click" aria-haspopup="true">
                                        <a href="javascript:;" class="kt-menu__link kt-menu__toggle"><span class="kt-menu__link-text">Pages</span><i class="kt-menu__hor-arrow la la-angle-down"></i><i class="kt-menu__ver-arrow la la-angle-right"></i></a>
                                        <div class="kt-menu__submenu kt-menu__submenu--classic kt-menu__submenu--left">
                                            <ul class="kt-menu__subnav">
                                                <li class="kt-menu__item " aria-haspopup="true">
                                                    <a href="javascript:;" class="kt-menu__link ">
                                                        <i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i>
                                                        <span class="kt-menu__link-text">Create New Post</span>
                                                    </a>
                                                </li>
                                                <li class="kt-menu__item " aria-haspopup="true">
                                                    <a href="#" class="kt-menu__link ">
                                                        <i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i>
                                                        <span class="kt-menu__link-text">Generate Reports</span>
                                                        <span class="kt-menu__link-badge"><span class="kt-badge kt-badge--success">2</span></span>
                                                    </a>
                                                </li>
                                                <li class="kt-menu__item kt-menu__item--submenu" data-ktmenu-submenu-toggle="hover" aria-haspopup="true">
                                                    <a href="#" class="kt-menu__link kt-menu__toggle">
                                                        <i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i>
                                                        <span class="kt-menu__link-text">Manage Orders</span><i class="kt-menu__hor-arrow la la-angle-right"></i><i class="kt-menu__ver-arrow la la-angle-right"></i>
                                                    </a>
                                                    <div class="kt-menu__submenu kt-menu__submenu--classic kt-menu__submenu--right">
                                                        <ul class="kt-menu__subnav">
                                                            <li class="kt-menu__item " aria-haspopup="true">
                                                                <a href="#" class="kt-menu__link "><span class="kt-menu__link-text">Latest Orders</span></a>
                                                            </li>
                                                            <li class="kt-menu__item " aria-haspopup="true">
                                                                <a href="#" class="kt-menu__link "><span class="kt-menu__link-text">Pending Orders</span></a>
                                                            </li>
                                                            <li class="kt-menu__item " aria-haspopup="true">
                                                                <a href="#" class="kt-menu__link "><span class="kt-menu__link-text">Processed Orders</span></a>
                                                            </li>
                                                            <li class="kt-menu__item " aria-haspopup="true">
                                                                <a href="#" class="kt-menu__link "><span class="kt-menu__link-text">Delivery Reports</span></a>
                                                            </li>
                                                            <li class="kt-menu__item " aria-haspopup="true">
                                                                <a href="#" class="kt-menu__link "><span class="kt-menu__link-text">Payments</span></a>
                                                            </li>
                                                            <li class="kt-menu__item " aria-haspopup="true">
                                                                <a href="#" class="kt-menu__link "><span class="kt-menu__link-text">Customers</span></a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </li>
                                                <li class="kt-menu__item kt-menu__item--submenu" data-ktmenu-submenu-toggle="hover" aria-haspopup="true">
                                                    <a href="#" class="kt-menu__link kt-menu__toggle">
                                                        <i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i>
                                                        <span class="kt-menu__link-text">Customer Feedbacks</span><i class="kt-menu__hor-arrow la la-angle-right"></i><i class="kt-menu__ver-arrow la la-angle-right"></i>
                                                    </a>
                                                    <div class="kt-menu__submenu kt-menu__submenu--classic kt-menu__submenu--right">
                                                        <ul class="kt-menu__subnav">
                                                            <li class="kt-menu__item " aria-haspopup="true">
                                                                <a href="#" class="kt-menu__link "><span class="kt-menu__link-text">Customer Feedbacks</span></a>
                                                            </li>
                                                            <li class="kt-menu__item " aria-haspopup="true">
                                                                <a href="#" class="kt-menu__link "><span class="kt-menu__link-text">Supplier Feedbacks</span></a>
                                                            </li>
                                                            <li class="kt-menu__item " aria-haspopup="true">
                                                                <a href="#" class="kt-menu__link "><span class="kt-menu__link-text">Reviewed Feedbacks</span></a>
                                                            </li>
                                                            <li class="kt-menu__item " aria-haspopup="true">
                                                                <a href="#" class="kt-menu__link "><span class="kt-menu__link-text">Resolved Feedbacks</span></a>
                                                            </li>
                                                            <li class="kt-menu__item " aria-haspopup="true">
                                                                <a href="#" class="kt-menu__link "><span class="kt-menu__link-text">Feedback Reports</span></a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </li>
                                                <li class="kt-menu__item " aria-haspopup="true">
                                                    <a href="#" class="kt-menu__link ">
                                                        <i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i>
                                                        <span class="kt-menu__link-text">Register Member</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="kt-menu__item kt-menu__item--submenu kt-menu__item--rel" data-ktmenu-submenu-toggle="click" aria-haspopup="true">
                                        <a href="javascript:;" class="kt-menu__link kt-menu__toggle"><span class="kt-menu__link-text">Reports</span><i class="kt-menu__hor-arrow la la-angle-down"></i><i class="kt-menu__ver-arrow la la-angle-right"></i></a>
                                        <div class="kt-menu__submenu kt-menu__submenu--fixed kt-menu__submenu--left" style="width:1000px">
                                            <div class="kt-menu__subnav">
                                                <ul class="kt-menu__content">
                                                    <li class="kt-menu__item ">
                                                        <h3 class="kt-menu__heading kt-menu__toggle">
                                                            <i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i>
                                                            <span class="kt-menu__link-text">Finance Reports</span><i class="kt-menu__ver-arrow la la-angle-right"></i>
                                                        </h3>
                                                        <ul class="kt-menu__inner">
                                                            <li class="kt-menu__item " aria-haspopup="true">
                                                                <a href="#" class="kt-menu__link "><i class="kt-menu__link-icon flaticon-map"></i><span class="kt-menu__link-text">Annual Reports</span></a>
                                                            </li>
                                                            <li class="kt-menu__item " aria-haspopup="true">
                                                                <a href="#" class="kt-menu__link "><i class="kt-menu__link-icon flaticon-user"></i><span class="kt-menu__link-text">HR Reports</span></a>
                                                            </li>
                                                            <li class="kt-menu__item " aria-haspopup="true">
                                                                <a href="#" class="kt-menu__link "><i class="kt-menu__link-icon flaticon-clipboard"></i><span class="kt-menu__link-text">IPO Reports</span></a>
                                                            </li>
                                                            <li class="kt-menu__item " aria-haspopup="true">
                                                                <a href="#" class="kt-menu__link "><i class="kt-menu__link-icon flaticon-graphic-1"></i><span class="kt-menu__link-text">Finance Margins</span></a>
                                                            </li>
                                                            <li class="kt-menu__item " aria-haspopup="true">
                                                                <a href="#" class="kt-menu__link "><i class="kt-menu__link-icon flaticon-graphic-2"></i><span class="kt-menu__link-text">Revenue Reports</span></a>
                                                            </li>
                                                        </ul>
                                                    </li>
                                                    <li class="kt-menu__item ">
                                                        <h3 class="kt-menu__heading kt-menu__toggle">
                                                            <i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i>
                                                            <span class="kt-menu__link-text">Project Reports</span><i class="kt-menu__ver-arrow la la-angle-right"></i>
                                                        </h3>
                                                        <ul class="kt-menu__inner">
                                                            <li class="kt-menu__item " aria-haspopup="true">
                                                                <a href="#" class="kt-menu__link ">
                                                                    <i class="kt-menu__link-bullet kt-menu__link-bullet--line"><span></span></i>
                                                                    <span class="kt-menu__link-text">Coca Cola CRM</span>
                                                                </a>
                                                            </li>
                                                            <li class="kt-menu__item " aria-haspopup="true">
                                                                <a href="#" class="kt-menu__link ">
                                                                    <i class="kt-menu__link-bullet kt-menu__link-bullet--line"><span></span></i>
                                                                    <span class="kt-menu__link-text">Delta Airlines Booking Site</span>
                                                                </a>
                                                            </li>
                                                            <li class="kt-menu__item " aria-haspopup="true">
                                                                <a href="#" class="kt-menu__link ">
                                                                    <i class="kt-menu__link-bullet kt-menu__link-bullet--line"><span></span></i>
                                                                    <span class="kt-menu__link-text">Malibu Accounting</span>
                                                                </a>
                                                            </li>
                                                            <li class="kt-menu__item " aria-haspopup="true">
                                                                <a href="#" class="kt-menu__link ">
                                                                    <i class="kt-menu__link-bullet kt-menu__link-bullet--line"><span></span></i>
                                                                    <span class="kt-menu__link-text">Vineseed Website Rewamp</span>
                                                                </a>
                                                            </li>
                                                            <li class="kt-menu__item " aria-haspopup="true">
                                                                <a href="#" class="kt-menu__link ">
                                                                    <i class="kt-menu__link-bullet kt-menu__link-bullet--line"><span></span></i>
                                                                    <span class="kt-menu__link-text">Zircon Mobile App</span>
                                                                </a>
                                                            </li>
                                                            <li class="kt-menu__item " aria-haspopup="true">
                                                                <a href="#" class="kt-menu__link ">
                                                                    <i class="kt-menu__link-bullet kt-menu__link-bullet--line"><span></span></i>
                                                                    <span class="kt-menu__link-text">Mercury CMS</span>
                                                                </a>
                                                            </li>
                                                        </ul>
                                                    </li>
                                                    <li class="kt-menu__item ">
                                                        <h3 class="kt-menu__heading kt-menu__toggle">
                                                            <i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i>
                                                            <span class="kt-menu__link-text">HR Reports</span><i class="kt-menu__ver-arrow la la-angle-right"></i>
                                                        </h3>
                                                        <ul class="kt-menu__inner">
                                                            <li class="kt-menu__item " aria-haspopup="true">
                                                                <a href="#" class="kt-menu__link ">
                                                                    <i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i>
                                                                    <span class="kt-menu__link-text">Staff Directory</span>
                                                                </a>
                                                            </li>
                                                            <li class="kt-menu__item " aria-haspopup="true">
                                                                <a href="#" class="kt-menu__link ">
                                                                    <i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i>
                                                                    <span class="kt-menu__link-text">Client Directory</span>
                                                                </a>
                                                            </li>
                                                            <li class="kt-menu__item " aria-haspopup="true">
                                                                <a href="#" class="kt-menu__link ">
                                                                    <i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i>
                                                                    <span class="kt-menu__link-text">Salary Reports</span>
                                                                </a>
                                                            </li>
                                                            <li class="kt-menu__item " aria-haspopup="true">
                                                                <a href="#" class="kt-menu__link ">
                                                                    <i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i>
                                                                    <span class="kt-menu__link-text">Staff Payslips</span>
                                                                </a>
                                                            </li>
                                                            <li class="kt-menu__item " aria-haspopup="true">
                                                                <a href="#" class="kt-menu__link ">
                                                                    <i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i>
                                                                    <span class="kt-menu__link-text">Corporate Expenses</span>
                                                                </a>
                                                            </li>
                                                            <li class="kt-menu__item " aria-haspopup="true">
                                                                <a href="#" class="kt-menu__link ">
                                                                    <i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i>
                                                                    <span class="kt-menu__link-text">Project Expenses</span>
                                                                </a>
                                                            </li>
                                                        </ul>
                                                    </li>
                                                    <li class="kt-menu__item ">
                                                        <h3 class="kt-menu__heading kt-menu__toggle">
                                                            <i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i>
                                                            <span class="kt-menu__link-text">Reporting Apps</span><i class="kt-menu__ver-arrow la la-angle-right"></i>
                                                        </h3>
                                                        <ul class="kt-menu__inner">
                                                            <li class="kt-menu__item " aria-haspopup="true">
                                                                <a href="#" class="kt-menu__link "><span class="kt-menu__link-text">Report Adjusments</span></a>
                                                            </li>
                                                            <li class="kt-menu__item " aria-haspopup="true">
                                                                <a href="#" class="kt-menu__link "><span class="kt-menu__link-text">Sources & Mediums</span></a>
                                                            </li>
                                                            <li class="kt-menu__item " aria-haspopup="true">
                                                                <a href="#" class="kt-menu__link "><span class="kt-menu__link-text">Reporting Settings</span></a>
                                                            </li>
                                                            <li class="kt-menu__item " aria-haspopup="true">
                                                                <a href="#" class="kt-menu__link "><span class="kt-menu__link-text">Conversions</span></a>
                                                            </li>
                                                            <li class="kt-menu__item " aria-haspopup="true">
                                                                <a href="#" class="kt-menu__link "><span class="kt-menu__link-text">Report Flows</span></a>
                                                            </li>
                                                            <li class="kt-menu__item " aria-haspopup="true">
                                                                <a href="#" class="kt-menu__link "><span class="kt-menu__link-text">Audit & Logs</span></a>
                                                            </li>
                                                        </ul>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="kt-menu__item kt-menu__item--submenu kt-menu__item--rel" data-ktmenu-submenu-toggle="click" aria-haspopup="true">
                                        <a href="javascript:;" class="kt-menu__link kt-menu__toggle"><span class="kt-menu__link-text">Apps</span><i class="kt-menu__hor-arrow la la-angle-down"></i><i class="kt-menu__ver-arrow la la-angle-right"></i></a>
                                        <div class="kt-menu__submenu kt-menu__submenu--classic kt-menu__submenu--left">
                                            <ul class="kt-menu__subnav">
                                                <li class="kt-menu__item " aria-haspopup="true">
                                                    <a href="#" class="kt-menu__link ">
                                                        <i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i>
                                                        <span class="kt-menu__link-text">eCommerce</span>
                                                    </a>
                                                </li>
                                                <li class="kt-menu__item kt-menu__item--submenu" data-ktmenu-submenu-toggle="hover" aria-haspopup="true">
                                                    <a href="#" class="kt-menu__link kt-menu__toggle">
                                                        <i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i>
                                                        <span class="kt-menu__link-text">Audience</span><i class="kt-menu__hor-arrow la la-angle-right"></i><i class="kt-menu__ver-arrow la la-angle-right"></i>
                                                    </a>
                                                    <div class="kt-menu__submenu kt-menu__submenu--classic kt-menu__submenu--right">
                                                        <ul class="kt-menu__subnav">
                                                            <li class="kt-menu__item " aria-haspopup="true">
                                                                <a href="#" class="kt-menu__link "><i class="kt-menu__link-icon flaticon-users"></i><span class="kt-menu__link-text">Active Users</span></a>
                                                            </li>
                                                            <li class="kt-menu__item " aria-haspopup="true">
                                                                <a href="#" class="kt-menu__link "><i class="kt-menu__link-icon flaticon-interface-1"></i><span class="kt-menu__link-text">User Explorer</span></a>
                                                            </li>
                                                            <li class="kt-menu__item " aria-haspopup="true">
                                                                <a href="#" class="kt-menu__link "><i class="kt-menu__link-icon flaticon-lifebuoy"></i><span class="kt-menu__link-text">Users Flows</span></a>
                                                            </li>
                                                            <li class="kt-menu__item " aria-haspopup="true">
                                                                <a href="#" class="kt-menu__link "><i class="kt-menu__link-icon flaticon-graphic-1"></i><span class="kt-menu__link-text">Market Segments</span></a>
                                                            </li>
                                                            <li class="kt-menu__item " aria-haspopup="true">
                                                                <a href="#" class="kt-menu__link "><i class="kt-menu__link-icon flaticon-graphic"></i><span class="kt-menu__link-text">User Reports</span></a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </li>
                                                <li class="kt-menu__item " aria-haspopup="true">
                                                    <a href="#" class="kt-menu__link ">
                                                        <i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i>
                                                        <span class="kt-menu__link-text">Marketing</span>
                                                    </a>
                                                </li>
                                                <li class="kt-menu__item " aria-haspopup="true">
                                                    <a href="#" class="kt-menu__link ">
                                                        <i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i>
                                                        <span class="kt-menu__link-text">Campaigns</span>
                                                        <span class="kt-menu__link-badge"><span class="kt-badge kt-badge--success">3</span></span>
                                                    </a>
                                                </li>
                                                <li class="kt-menu__item kt-menu__item--submenu" data-ktmenu-submenu-toggle="hover" aria-haspopup="true">
                                                    <a href="#" class="kt-menu__link kt-menu__toggle">
                                                        <i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i>
                                                        <span class="kt-menu__link-text">Cloud Manager</span><i class="kt-menu__hor-arrow la la-angle-right"></i><i class="kt-menu__ver-arrow la la-angle-right"></i>
                                                    </a>
                                                    <div class="kt-menu__submenu kt-menu__submenu--classic kt-menu__submenu--right">
                                                        <ul class="kt-menu__subnav">
                                                            <li class="kt-menu__item " aria-haspopup="true">
                                                                <a href="#" class="kt-menu__link ">
                                                                    <i class="kt-menu__link-icon flaticon-add"></i><span class="kt-menu__link-text">File Upload</span>
                                                                    <span class="kt-menu__link-badge"><span class="kt-badge kt-badge--danger">3</span></span>
                                                                </a>
                                                            </li>
                                                            <li class="kt-menu__item " aria-haspopup="true">
                                                                <a href="#" class="kt-menu__link "><i class="kt-menu__link-icon flaticon-signs-1"></i><span class="kt-menu__link-text">File Attributes</span></a>
                                                            </li>
                                                            <li class="kt-menu__item " aria-haspopup="true">
                                                                <a href="#" class="kt-menu__link "><i class="kt-menu__link-icon flaticon-folder"></i><span class="kt-menu__link-text">Folders</span></a>
                                                            </li>
                                                            <li class="kt-menu__item " aria-haspopup="true">
                                                                <a href="#" class="kt-menu__link "><i class="kt-menu__link-icon flaticon-cogwheel-2"></i><span class="kt-menu__link-text">System Settings</span></a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <!-- end: Header Menu -->
                        <!-- begin:: Header Topbar -->
                        <div class="kt-header__topbar kt-grid__item kt-grid__item--fluid">
                            <!--begin: Search -->
                            <div class="kt-header__topbar-item kt-header__topbar-item--search dropdown">
                                <div class="kt-header__topbar-wrapper" id="kt_offcanvas_toolbar_search_toggler_btn">
                                    <span class="kt-header__topbar-icon"><i class="flaticon2-search"></i></span>
                                </div>
                            </div>
                            <!--end: Search -->
                            <!--begin: Notifications -->
                            <div class="kt-header__topbar-item">
                                <div class="kt-header__topbar-wrapper" id="kt_offcanvas_toolbar_notifications_toggler_btn">
                                    <span class="kt-header__topbar-icon"><i class="flaticon2-notification"></i></span>
                                    <span class="kt-badge kt-badge--brand"></span> 
                                </div>
                            </div>
                            <!--end: Notifications -->
                            <!--begin: Quick actions -->
                            <div class="kt-header__topbar-item">
                                <div class="kt-header__topbar-wrapper" id="kt_offcanvas_toolbar_quick_actions_toggler_btn">
                                    <span class="kt-header__topbar-icon"><i class="flaticon2-settings"></i></span>
                                </div>
                            </div>
                            <!--end: Quick actions -->
                            <!--begin: Quick panel toggler -->
                            <div class="kt-header__topbar-item" data-toggle="kt-tooltip" title="Quick panel" data-placement="top">
                                <div class="kt-header__topbar-wrapper">
                                    <span class="kt-header__topbar-icon" id="kt_quick_panel_toggler_btn"><i class="flaticon2-menu"></i></span>
                                </div>
                            </div>
                            <!--end: Quick panel toggler -->
                            <!--begin: Language bar -->
                            <div class="kt-header__topbar-item kt-header__topbar-item--langs">
                                <div class="kt-header__topbar-wrapper" data-toggle="dropdown" data-offset="10px,0px">
                                    <span class="kt-header__topbar-icon">
                                        <img class="" src="../assets/media/flags/020-flag.svg" alt="" />
                                    </span>
                                </div>
                                <div class="dropdown-menu dropdown-menu-fit dropdown-menu-right dropdown-menu-anim dropdown-menu-top-unround">
                                    <ul class="kt-nav kt-margin-t-10 kt-margin-b-10">
                                        <li class="kt-nav__item kt-nav__item--active">
                                            <a href="#" class="kt-nav__link">
                                                <span class="kt-nav__link-icon">
                                                    <img src="../assets/media/flags/020-flag.svg" alt="" />
                                                </span>
                                                <span class="kt-nav__link-text">English</span> 
                                            </a>
                                        </li>
                                        <li class="kt-nav__item">
                                            <a href="#" class="kt-nav__link">
                                                <span class="kt-nav__link-icon">
                                                    <img src="../assets/media/flags/016-spain.svg" alt="" />
                                                </span>
                                                <span class="kt-nav__link-text">Spanish</span> 
                                            </a>
                                        </li>
                                        <li class="kt-nav__item">
                                            <a href="#" class="kt-nav__link">
                                                <span class="kt-nav__link-icon">
                                                    <img src="../assets/media/flags/017-germany.svg" alt="" />
                                                </span>
                                                <span class="kt-nav__link-text">German</span> 
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <!--end: Language bar -->
                            <!--begin: User bar -->
                            <div class="kt-header__topbar-item kt-header__topbar-item--user" id="kt_offcanvas_toolbar_profile_toggler_btn">
                                <div class="kt-header__topbar-welcome"> Hi, </div>
                                <div class="kt-header__topbar-username"> Nick </div>
                                <div class="kt-header__topbar-wrapper" >
                                    <img alt="Pic" src="../assets/media/users/default.jpg"/>
                                </div>
                            </div>
                            <!--end: User bar -->
                        </div>
                        <!-- end:: Header Topbar -->
                    </div>
                    <!-- end:: Header -->
                    <!-- begin:: Subheader -->
                    <div id="kt_subheader" class="kt-subheader kt-grid__item " >
                        <!-- begin:: Subheader Title -->
                        <div class="kt-subheader__title">
                            <button class="kt-subheader__toggler kt-subheader__toggler--left" id="kt_aside_toggler"><span></span></button>
                            <div class="kt-subheader__breadcrumbs"> <a href="" class="kt-subheader__breadcrumbs-link kt-subheader__breadcrumbs-link--home">Dashboard</a> <span class="kt-subheader__breadcrumbs-separator"></span> <a href="" class="kt-subheader__breadcrumbs-link ">Fluid Content</a> </div>
                        </div>
                        <!-- end:: Subheader Title -->
                        <!-- begin:: Sub-header toolbar -->
                        <div class="kt-subheader__toolbar">
                            <div class="kt-subheader__toolbar-wrapper">
                                <a href="#" class="btn btn-default btn-sm btn-bold btn-upper">Create</a> <a href="#" class="btn btn-default btn-sm btn-bold btn-upper">Update</a> <a href="#" class="btn btn-default btn-sm btn-bold btn-upper">Settings</a> 
                                <div class="dropdown dropdown-inline" data-toggle="kt-tooltip" title="Quick actions" data-placement="top">
                                    <a href="#" class="btn btn-icon btn btn-label btn-label-brand btn-bold" data-toggle="dropdown" data-offset="0,5px" aria-haspopup="true" aria-expanded="false"> <i class="flaticon2-add-1"></i> </a>
                                    <div class="dropdown-menu dropdown-menu-sm dropdown-menu-right dropdown-menu-anim">
                                        <ul class="kt-nav kt-nav--active-bg" id="m_nav_1" role="tablist">
                                            <li class="kt-nav__item">
                                                <a href="" class="kt-nav__link"> <i class="kt-nav__link-icon flaticon2-psd"></i> <span class="kt-nav__link-text">Document</span> </a>
                                            </li>
                                            <li class="kt-nav__item">
                                                <a class="kt-nav__link" role="tab" id="m_nav_link_1"> <i class="kt-nav__link-icon flaticon2-supermarket"></i> <span class="kt-nav__link-text">Message</span> </a>
                                            </li>
                                            <li class="kt-nav__item">
                                                <a href="" class="kt-nav__link"> <i class="kt-nav__link-icon flaticon2-shopping-cart"></i> <span class="kt-nav__link-text">Product</span> </a>
                                            </li>
                                            <li class="kt-nav__item">
                                                <a class="kt-nav__link" role="tab" id="m_nav_link_2">
                                                    <i class="kt-nav__link-icon flaticon2-chart2"></i> <span class="kt-nav__link-text">Report</span> 
                                                    <span class="kt-nav__link-badge"> <span class="kt-badge kt-badge--danger kt-badge--inline kt-badge--rounded">pdf</span> </span>
                                                </a>
                                            </li>
                                            <li class="kt-nav__item">
                                                <a href="" class="kt-nav__link"> <i class="kt-nav__link-icon flaticon2-sms"></i> <span class="kt-nav__link-text">Post</span> </a>
                                            </li>
                                            <li class="kt-nav__item">
                                                <a href="" class="kt-nav__link"> <i class="kt-nav__link-icon flaticon2-avatar"></i> <span class="kt-nav__link-text">Customer</span> </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- end:: Sub-header toolbar -->
                    </div>
                    <!-- end:: Subheader -->
                    <div class="kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor kt-grid--stretch">
                        <div class="kt-body kt-grid__item kt-grid__item--fluid kt-grid kt-grid--ver" id="kt_body">
                            <!-- begin:: Content -->
                            <div class="kt-content kt-grid__item kt-grid__item--fluid" id="kt_content">
                                <!--begin::Dashboard 4-->
                                <!--begin::Row-->
                                <div class="row">
                                    <div class="col-lg-6 col-xl-4 order-lg-1 order-xl-1">
                                        <!--begin::Portlet-->
                                        <div class="kt-portlet kt-portlet--height-fluid">
                                            <div class="kt-portlet__head kt-portlet__head--noborder">
                                                <div class="kt-portlet__head-label">
                                                    <h3 class="kt-portlet__head-title">
                                                        Author Sales
                                                    </h3>
                                                </div>
                                                <div class="kt-portlet__head-toolbar">
                                                    <div class="kt-portlet__head-toolbar-wrapper">
                                                        <div class="dropdown dropdown-inline">
                                                            <button type="button" class="btn btn-clean btn-sm btn-icon btn-icon-md" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="flaticon-more-1"></i> </button>
                                                            <div class="dropdown-menu dropdown-menu-right">
                                                                <ul class="kt-nav">
                                                                    <li class="kt-nav__section kt-nav__section--first"> <span class="kt-nav__section-text">Export Tools</span> </li>
                                                                    <li class="kt-nav__item">
                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-print"></i> <span class="kt-nav__link-text">Print</span> </a>
                                                                    </li>
                                                                    <li class="kt-nav__item">
                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-copy"></i> <span class="kt-nav__link-text">Copy</span> </a>
                                                                    </li>
                                                                    <li class="kt-nav__item">
                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-file-excel-o"></i> <span class="kt-nav__link-text">Excel</span> </a>
                                                                    </li>
                                                                    <li class="kt-nav__item">
                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-file-text-o"></i> <span class="kt-nav__link-text">CSV</span> </a>
                                                                    </li>
                                                                    <li class="kt-nav__item">
                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-file-pdf-o"></i> <span class="kt-nav__link-text">PDF</span> </a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="kt-portlet__body kt-portlet__body--fluid">
                                                <div class="kt-widget-19">
                                                    <div class="kt-widget-19__title">
                                                        <div class="kt-widget-19__label"><small>$</small>64M</div>
                                                        <img class="kt-widget-19__bg" src="../assets/media/misc/iconbox_bg.png" alt="bg"/>
                                                    </div>
                                                    <div class="kt-widget-19__data">
                                                        <!--Doc: For the chart bars you can use state helper classes: kt-bg-success, kt-bg-info, kt-bg-danger. Refer: components/custom/colors.html -->
                                                        <div class="kt-widget-19__chart">
                                                            <div class="kt-widget-19__bar">
                                                                <div class="kt-widget-19__bar-45 kt-bg-success" data-toggle="kt-tooltip" data-skin="brand" data-placement="top" title="45"></div>
                                                            </div>
                                                            <div class="kt-widget-19__bar">
                                                                <div class="kt-widget-19__bar-95 kt-bg-success" data-toggle="kt-tooltip" data-skin="brand" data-placement="top" title="95"></div>
                                                            </div>
                                                            <div class="kt-widget-19__bar">
                                                                <div class="kt-widget-19__bar-63 kt-bg-success" data-toggle="kt-tooltip" data-skin="brand" data-placement="top" title="63"></div>
                                                            </div>
                                                            <div class="kt-widget-19__bar">
                                                                <div class="kt-widget-19__bar-11 kt-bg-success" data-toggle="kt-tooltip" data-skin="brand" data-placement="top" title="11"></div>
                                                            </div>
                                                            <div class="kt-widget-19__bar">
                                                                <div class="kt-widget-19__bar-46 kt-bg-success" data-toggle="kt-tooltip" data-skin="brand" data-placement="top" title="46"></div>
                                                            </div>
                                                            <div class="kt-widget-19__bar">
                                                                <div class="kt-widget-19__bar-88 kt-bg-success" data-toggle="kt-tooltip" data-skin="brand" data-placement="top" title="88"></div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!--end::Portlet-->
                                    </div>
                                    <div class="col-lg-6 col-xl-4 order-lg-1 order-xl-1">
                                        <!--begin::Portlet-->
                                        <div class="kt-portlet kt-portlet--height-fluid">
                                            <div class="kt-portlet__head kt-portlet__head--noborder">
                                                <div class="kt-portlet__head-label">
                                                    <h3 class="kt-portlet__head-title">
                                                        Technologies
                                                    </h3>
                                                </div>
                                                <div class="kt-portlet__head-toolbar">
                                                    <div class="kt-portlet__head-toolbar-wrapper">
                                                        <div class="dropdown dropdown-inline">
                                                            <button type="button" class="btn btn-clean btn-sm btn-icon btn-icon-md" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="flaticon-more-1"></i> </button>
                                                            <div class="dropdown-menu dropdown-menu-right">
                                                                <ul class="kt-nav">
                                                                    <li class="kt-nav__section kt-nav__section--first"> <span class="kt-nav__section-text">Export Tools</span> </li>
                                                                    <li class="kt-nav__item">
                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-print"></i> <span class="kt-nav__link-text">Print</span> </a>
                                                                    </li>
                                                                    <li class="kt-nav__item">
                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-copy"></i> <span class="kt-nav__link-text">Copy</span> </a>
                                                                    </li>
                                                                    <li class="kt-nav__item">
                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-file-excel-o"></i> <span class="kt-nav__link-text">Excel</span> </a>
                                                                    </li>
                                                                    <li class="kt-nav__item">
                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-file-text-o"></i> <span class="kt-nav__link-text">CSV</span> </a>
                                                                    </li>
                                                                    <li class="kt-nav__item">
                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-file-pdf-o"></i> <span class="kt-nav__link-text">PDF</span> </a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="kt-portlet__body kt-portlet__body--fluid">
                                                <div class="kt-widget-21">
                                                    <div class="kt-widget-21__title">
                                                        <div class="kt-widget-21__label">9.3M</div>
                                                        <img src="../assets/media/misc/iconbox_bg.png" class="kt-widget-21__bg" alt="bg"/>
                                                    </div>
                                                    <div class="kt-widget-21__data">
                                                        <!--Doc: For the chart legend bullet colors can be changed with state helper classes: kt-bg-success, kt-bg-info, kt-bg-danger. Refer: components/custom/colors.html -->
                                                        <div class="kt-widget-21__legends">
                                                            <div class="kt-widget-21__legend"> <i class="kt-bg-success"></i> <span>HTML</span> </div>
                                                            <div class="kt-widget-21__legend"> <i class="kt-bg-warning"></i> <span>CSS</span> </div>
                                                            <div class="kt-widget-21__legend"> <i class="kt-bg-brand"></i> <span>Angular</span> </div>
                                                        </div>
                                                        <div class="kt-widget-21__chart">
                                                            <div class="kt-widget-21__stat">+37%</div>
                                                            <!--Doc: For the chart initialization refer to "widgetTechnologiesChart2" function in "src\theme\app\scripts\custom\dashboard.js" -->
                                                            <canvas id="kt_widget_technologies_chart_2" style="height: 110px; width: 110px;"></canvas>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!--end::Portlet-->
                                    </div>
                                    <div class="col-lg-12 col-xl-4 order-lg-1 order-xl-1">
                                        <!--begin::Portlet-->
                                        <div class="kt-portlet kt-portlet--height-fluid">
                                            <div class="kt-portlet__head kt-portlet__head--noborder">
                                                <div class="kt-portlet__head-label">
                                                    <h3 class="kt-portlet__head-title">
                                                        Total Orders
                                                    </h3>
                                                </div>
                                                <div class="kt-portlet__head-toolbar">
                                                    <div class="kt-portlet__head-toolbar-wrapper">
                                                        <div class="dropdown dropdown-inline">
                                                            <button type="button" class="btn btn-clean btn-sm btn-icon btn-icon-md" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="flaticon-more-1"></i> </button>
                                                            <div class="dropdown-menu dropdown-menu-right">
                                                                <ul class="kt-nav">
                                                                    <li class="kt-nav__section kt-nav__section--first"> <span class="kt-nav__section-text">Export Tools</span> </li>
                                                                    <li class="kt-nav__item">
                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-print"></i> <span class="kt-nav__link-text">Print</span> </a>
                                                                    </li>
                                                                    <li class="kt-nav__item">
                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-copy"></i> <span class="kt-nav__link-text">Copy</span> </a>
                                                                    </li>
                                                                    <li class="kt-nav__item">
                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-file-excel-o"></i> <span class="kt-nav__link-text">Excel</span> </a>
                                                                    </li>
                                                                    <li class="kt-nav__item">
                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-file-text-o"></i> <span class="kt-nav__link-text">CSV</span> </a>
                                                                    </li>
                                                                    <li class="kt-nav__item">
                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-file-pdf-o"></i> <span class="kt-nav__link-text">PDF</span> </a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="kt-portlet__body kt-portlet__body--fluid">
                                                <div class="kt-widget-20">
                                                    <div class="kt-widget-20__title">
                                                        <div class="kt-widget-20__label">17M</div>
                                                        <img class="kt-widget-20__bg" src="../assets/media/misc/iconbox_bg.png" alt="bg"/>
                                                    </div>
                                                    <div class="kt-widget-20__data">
                                                        <div class="kt-widget-20__chart">
                                                            <!--Doc: For the chart initialization refer to "widgetTotalOrdersChart2" function in "src\theme\app\scripts\custom\dashboard.js" -->
                                                            <canvas id="kt_widget_total_orders_chart_2"></canvas>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!--end::Portlet-->
                                    </div>
                                    <div class="col-lg-6 col-xl-4 order-lg-2 order-xl-1">
                                        <!--begin::Portlet-->
                                        <div class="kt-portlet kt-portlet--height-fluid-half kt-widget-13">
                                            <div class="kt-portlet__body">
                                                <div id="kt-widget-slider-13-2" class="kt-slider carousel slide" data-ride="carousel" data-interval="4000">
                                                    <div class="kt-slider__head">
                                                        <div class="kt-slider__label">Projects</div>
                                                        <div class="kt-slider__nav">
                                                            <a class="kt-slider__nav-prev carousel-control-prev" href="#kt-widget-slider-13-2" role="button" data-slide="prev"> <i class="fa fa-angle-left"></i> </a>
                                                            <a class="kt-slider__nav-next carousel-control-next" href="#kt-widget-slider-13-2" role="button" data-slide="next"> <i class="fa fa-angle-right"></i> </a>
                                                        </div>
                                                    </div>
                                                    <div class="carousel-inner">
                                                        <div class="carousel-item active kt-slider__body">
                                                            <div class="kt-widget-13">
                                                                <div class="kt-widget-13__body">
                                                                    <a class="kt-widget-13__title" href="#">Keen Admin Launch Day</a> 
                                                                    <div class="kt-widget-13__desc"> To start a blog, think of a topic about and first brainstorm party is ways to write details </div>
                                                                </div>
                                                                <div class="kt-widget-13__foot">
                                                                    <div class="kt-widget-13__progress">
                                                                        <div class="kt-widget-13__progress-info">
                                                                            <div class="kt-widget-13__progress-status"> Progress </div>
                                                                            <div class="kt-widget-13__progress-value">78%</div>
                                                                        </div>
                                                                        <div class="progress">
                                                                            <div class="progress-bar kt-bg-brand" role="progressbar" style="width: 78%" aria-valuenow="78" aria-valuemin="0" aria-valuemax="100"></div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="carousel-item kt-slider__body">
                                                            <div class="kt-widget-13">
                                                                <div class="kt-widget-13__body">
                                                                    <a class="kt-widget-13__title" href="#">First Milestone Achivement</a> 
                                                                    <div class="kt-widget-13__desc"> To start a blog, think of a topic about and first brainstorm party is ways to write details </div>
                                                                </div>
                                                                <div class="kt-widget-13__foot">
                                                                    <div class="kt-widget-13__progress">
                                                                        <div class="kt-widget-13__progress-info">
                                                                            <div class="kt-widget-13__progress-status"> Progress </div>
                                                                            <div class="kt-widget-13__progress-value">55%</div>
                                                                        </div>
                                                                        <div class="progress">
                                                                            <div class="progress-bar kt-bg-brand" role="progressbar" style="width: 55%" aria-valuenow="55" aria-valuemin="0" aria-valuemax="100"></div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="carousel-item kt-slider__body">
                                                            <div class="kt-widget-13">
                                                                <div class="kt-widget-13__body">
                                                                    <a class="kt-widget-13__title" href="#">Reached 50,000 sales</a> 
                                                                    <div class="kt-widget-13__desc"> To start a blog, think of a topic about and first brainstorm party is ways to write details </div>
                                                                </div>
                                                                <div class="kt-widget-13__foot">
                                                                    <div class="kt-widget-13__progress">
                                                                        <div class="kt-widget-13__progress-info">
                                                                            <div class="kt-widget-13__progress-status"> Progress </div>
                                                                            <div class="kt-widget-13__progress-value">24%</div>
                                                                        </div>
                                                                        <div class="progress">
                                                                            <div class="progress-bar kt-bg-brand" role="progressbar" style="width: 24%" aria-valuenow="24" aria-valuemin="0" aria-valuemax="100"></div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!--end::Portlet-->
                                        <!--begin::Portlet-->
                                        <div class="kt-portlet kt-portlet--height-fluid-half kt-widget-12">
                                            <div class="kt-portlet__body">
                                                <div class="kt-widget-12__body">
                                                    <div class="kt-widget-12__head">
                                                        <div class="kt-widget-12__date kt-widget-12__date--warning"> <span class="kt-widget-12__day">23</span> <span class="kt-widget-12__month">Dec</span> </div>
                                                        <div class="kt-widget-12__label">
                                                            <h3 class="kt-widget-12__title">
                                                                Christmas Party
                                                            </h3>
                                                            <span class="kt-widget-12__desc">Bolton House</span> 
                                                        </div>
                                                    </div>
                                                    <div class="kt-widget-12__info"> To start a blog, think of a topic about and first brainstorm party is ways to write details </div>
                                                </div>
                                            </div>
                                            <div class="kt-portlet__foot kt-portlet__foot--md">
                                                <div class="kt-portlet__foot-wrapper">
                                                    <div class="kt-portlet__foot-info">
                                                        <div class="kt-widget-12__members">
                                                            <a href="#" class="kt-widget-12__member" data-toggle="kt-tooltip" data-skin="brand" data-placement="top" title="John Myer">
                                                                <img src="../assets/media/users/100_1.jpg" alt="image"/>
                                                            </a>
                                                            <a href="#" class="kt-widget-12__member" data-toggle="kt-tooltip" data-skin="brand" data-placement="top" title="Alison Brandy">
                                                                <img src="../assets/media/users/100_10.jpg" alt="image"/>
                                                            </a>
                                                            <a href="#" class="kt-widget-12__member" data-toggle="kt-tooltip" data-skin="brand" data-placement="top" title="Selina Cranson">
                                                                <img src="../assets/media/users/100_11.jpg" alt="image"/>
                                                            </a>
                                                            <a href="#" class="kt-widget-12__member" data-toggle="kt-tooltip" data-skin="brand" data-placement="top" title="Luke Walls">
                                                                <img src="../assets/media/users/100_2.jpg" alt="image"/>
                                                            </a>
                                                            <a href="#" class="kt-widget-12__member" data-toggle="kt-tooltip" data-skin="brand" data-placement="top" title="Micheal York">
                                                                <img src="../assets/media/users/100_3.jpg" alt="image"/>
                                                            </a>
                                                            <a href="#" class="kt-widget-12__member kt-widget-12__member--last"> +10 </a> 
                                                        </div>
                                                    </div>
                                                    <div class="kt-portlet__foot-toolbar"> <a href="#" class="btn btn-default btn-sm btn-bold btn-upper">Join</a> </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!--end::Portlet-->
                                    </div>
                                    <div class="col-lg-12 col-xl-8 order-lg-1 order-xl-1">
                                        <!--begin::Portlet-->
                                        <div class="kt-portlet kt-portlet--height-fluid">
                                            <div class="kt-portlet__head kt-portlet__head--lg kt-portlet__head--noborder kt-portlet__head--break-sm">
                                                <div class="kt-portlet__head-label">
                                                    <h3 class="kt-portlet__head-title">
                                                        Recent Orders <small>32500 total</small>
                                                    </h3>
                                                </div>
                                                <div class="kt-portlet__head-toolbar">
                                                    <div class="kt-portlet__head-wrapper kt-form">
                                                        <div class="kt-form__group kt-form__group--inline kt-margin-r-10">
                                                            <div class="kt-form__label">Sort By:</div>
                                                            <div class="kt-form__control" style="width: 160px;">
                                                                <select class="form-control bootstrap-select" id="kt_form_status" title="Status">
                                                                    <option value="1">Pending</option>
                                                                    <option value="2">Delivered</option>
                                                                    <option value="3">Canceled</option>
                                                                    <option value="4">Success</option>
                                                                    <option value="5">Info</option>
                                                                    <option value="6">Danger</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <a href="#" class="btn btn-brand btn-upper btn-bold">New Record</a> 
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="kt-portlet__body kt-portlet__body--fit">
                                                <!--Doc: For the datatable initialization refer to "recentOrdersInit" function in "src\theme\app\scripts\custom\dashboard.js" -->
                                                <div class="kt-datatable" id="kt_recent_orders"></div>
                                            </div>
                                        </div>
                                        <!--end::Portlet-->
                                    </div>
                                    <div class="col-lg-6 col-xl-4 order-lg-2 order-xl-1">
                                        <!--begin::Portlet-->
                                        <div class="kt-portlet kt-portlet--height-fluid">
                                            <div class="kt-portlet__head">
                                                <div class="kt-portlet__head-label">
                                                    <h3 class="kt-portlet__head-title">
                                                        Order Statistics
                                                    </h3>
                                                </div>
                                                <div class="kt-portlet__head-toolbar">
                                                    <div class="kt-portlet__head-toolbar-wrapper">
                                                        <div class="dropdown dropdown-inline">
                                                            <button type="button" class="btn btn-clean btn-sm btn-icon btn-icon-md" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="flaticon-more-1"></i> </button>
                                                            <div class="dropdown-menu dropdown-menu-right">
                                                                <ul class="kt-nav">
                                                                    <li class="kt-nav__section kt-nav__section--first"> <span class="kt-nav__section-text">Export Tools</span> </li>
                                                                    <li class="kt-nav__item">
                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-print"></i> <span class="kt-nav__link-text">Print</span> </a>
                                                                    </li>
                                                                    <li class="kt-nav__item">
                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-copy"></i> <span class="kt-nav__link-text">Copy</span> </a>
                                                                    </li>
                                                                    <li class="kt-nav__item">
                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-file-excel-o"></i> <span class="kt-nav__link-text">Excel</span> </a>
                                                                    </li>
                                                                    <li class="kt-nav__item">
                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-file-text-o"></i> <span class="kt-nav__link-text">CSV</span> </a>
                                                                    </li>
                                                                    <li class="kt-nav__item">
                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-file-pdf-o"></i> <span class="kt-nav__link-text">PDF</span> </a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="kt-portlet__body">
                                                <div class="kt-widget-18">
                                                    <div class="kt-widget-18__summary">
                                                        <div class="kt-widget-18__total">7,300</div>
                                                        <div class="kt-widget-18__label">Total Orders</div>
                                                    </div>
                                                    <div class="kt-widget-18__progress">
                                                        <div class="progress">
                                                            <!-- Doc: A bootstrap progress bar can be used to show a user how far along it's in a process, see https://getbootstrap.com/docs/4.1/components/progress/ -->
                                                            <div class="progress-bar bg-brand" role="progressbar" style="width: 40%" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100"></div>
                                                            <div class="progress-bar bg-danger" role="progressbar" style="width: 15%" aria-valuenow="15" aria-valuemin="0" aria-valuemax="100"></div>
                                                            <div class="progress-bar bg-success" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                                                            <div class="progress-bar bg-warning" role="progressbar" style="width: 15%" aria-valuenow="15" aria-valuemin="0" aria-valuemax="100"></div>
                                                            <div class="progress-bar bg-dark" role="progressbar" style="width: 5%" aria-valuenow="5" aria-valuemin="0" aria-valuemax="100"></div>
                                                        </div>
                                                    </div>
                                                    <div class="kt-widget-18__item">
                                                        <div class="kt-widget-18__legend kt-bg-brand"></div>
                                                        <div class="kt-widget-18__desc">
                                                            <a href="">
                                                                <div class="kt-widget-18__title"> Mobile Games </div>
                                                            </a>
                                                            <div class="kt-widget-18__desc"> Swift, Python, Java SDK </div>
                                                        </div>
                                                        <div class="kt-widget-18__orders"> <span>3,244</span> Orders </div>
                                                    </div>
                                                    <div class="kt-widget-18__item">
                                                        <div class="kt-widget-18__legend kt-bg-success"></div>
                                                        <div class="kt-widget-18__desc">
                                                            <a href="">
                                                                <div class="kt-widget-18__title"> B2B2C Solutions </div>
                                                            </a>
                                                            <div class="kt-widget-18__desc"> ASP.NET, Ruby, Python </div>
                                                        </div>
                                                        <div class="kt-widget-18__orders"> <span>962</span> Orders </div>
                                                    </div>
                                                    <div class="kt-widget-18__item">
                                                        <div class="kt-widget-18__legend kt-bg-danger"></div>
                                                        <div class="kt-widget-18__desc">
                                                            <a href="">
                                                                <div class="kt-widget-18__title"> HTML Templates </div>
                                                            </a>
                                                            <div class="kt-widget-18__desc"> HTML, CSS, JS </div>
                                                        </div>
                                                        <div class="kt-widget-18__orders"> <span>2,750</span> Orders </div>
                                                    </div>
                                                    <div class="kt-widget-18__item">
                                                        <div class="kt-widget-18__legend kt-bg-info"></div>
                                                        <div class="kt-widget-18__desc">
                                                            <a href="">
                                                                <div class="kt-widget-18__title"> Back-end Plugins </div>
                                                            </a>
                                                            <div class="kt-widget-18__desc"> PHP, Ruby, C#, ASP.NET </div>
                                                        </div>
                                                        <div class="kt-widget-18__orders"> <span>890</span> Orders </div>
                                                    </div>
                                                    <div class="kt-widget-18__item">
                                                        <div class="kt-widget-18__legend kt-bg-dark"></div>
                                                        <div class="kt-widget-18__desc">
                                                            <a href="">
                                                                <div class="kt-widget-18__title"> Admin Software </div>
                                                            </a>
                                                            <div class="kt-widget-18__desc"> Bootsrap, CSS, SCSS, AngularJS </div>
                                                        </div>
                                                        <div class="kt-widget-18__orders"> <span>1,644</span> Orders </div>
                                                    </div>
                                                    <!--
			<div class="kt-widget-18__item">
				<div class="kt-widget-18__legend kt-bg-success"></div>
				<div class="kt-widget-18__desc">
					<a href=""><div class="kt-widget-18__title">
						Dashboard System
					</div></a>
					<div class="kt-widget-18__desc">
						Angular, Oracle, Java
					</div>
				</div>
				<div class="kt-widget-18__orders">
					<span>560</span> Orders
				</div>
			</div>
			-->
                                                </div>
                                            </div>
                                        </div>
                                        <!--end::Portlet-->
                                    </div>
                                    <div class="col-lg-6 col-xl-4 order-lg-2 order-xl-1">
                                        <div class="kt-portlet kt-portlet--tabs kt-portlet--height-fluid">
                                            <div class="kt-portlet__head">
                                                <div class="kt-portlet__head-label">
                                                    <h3 class="kt-portlet__head-title">
                                                        Notifications 
                                                    </h3>
                                                </div>
                                                <div class="kt-portlet__head-toolbar">
                                                    <ul class="nav nav-tabs nav-tabs-line nav-tabs-line-brand nav-tabs-bold" role="tablist">
                                                        <li class="nav-item"> <a class="nav-link active" data-toggle="tab" href="#kt_portlet_tabs_1_1_1_content" role="tab"> Today </a> </li>
                                                        <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#kt_portlet_tabs_1_1_2_content" role="tab"> Week </a> </li>
                                                        <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#kt_portlet_tabs_1_1_3_content" role="tab"> Month </a> </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="kt-portlet__body">
                                                <div class="tab-content">
                                                    <div class="tab-pane fade active show" id="kt_portlet_tabs_1_1_1_content" role="tabpanel">
                                                        <div class="kt-scroll" data-scroll="true" style="height: 420px;" data-mobile-height="350">
                                                            <!--Begin::Timeline -->
                                                            <div class="kt-timeline">
                                                                <!--Begin::Item -->
                                                                <div class="kt-timeline__item kt-timeline__item--success">
                                                                    <div class="kt-timeline__item-section">
                                                                        <div class="kt-timeline__item-section-border">
                                                                            <div class="kt-timeline__item-section-icon"> <i class="flaticon-feed kt-font-success"></i> </div>
                                                                        </div>
                                                                        <span class="kt-timeline__item-datetime">02:30 PM</span> 
                                                                    </div>
                                                                    <a href="" class="kt-timeline__item-text"> KeenThemes created new layout whith tens of new options for Keen Admin panel </a> 
                                                                    <div class="kt-timeline__item-info"> HTML,CSS,VueJS </div>
                                                                </div>
                                                                <!--End::Item -->
                                                                <!--Begin::Item -->
                                                                <div class="kt-timeline__item kt-timeline__item--danger">
                                                                    <div class="kt-timeline__item-section">
                                                                        <div class="kt-timeline__item-section-border">
                                                                            <div class="kt-timeline__item-section-icon" > <i class="flaticon-safe-shield-protection kt-font-danger"></i> </div>
                                                                        </div>
                                                                        <span class="kt-timeline__item-datetime">01:20 AM</span> 
                                                                    </div>
                                                                    <a href="" class="kt-timeline__item-text"> New secyrity alert by Firewall & order to take aktion on User Preferences </a> 
                                                                    <div class="kt-timeline__item-info"> Security, Fieewall </div>
                                                                </div>
                                                                <!--End::Item -->
                                                                <!--Begin::Item -->
                                                                <div class="kt-timeline__item kt-timeline__item--brand">
                                                                    <div class="kt-timeline__item-section">
                                                                        <div class="kt-timeline__item-section-border">
                                                                            <div class="kt-timeline__item-section-icon"> <i class="flaticon2-box kt-font-brand"></i> </div>
                                                                        </div>
                                                                        <span class="kt-timeline__item-datetime">Yestardey</span> 
                                                                    </div>
                                                                    <a href="" class="kt-timeline__item-text"> FlyMore design mock-ups been uploadet by designers Bob, Naomi, Richard </a> 
                                                                    <div class="kt-timeline__item-info"> PSD, Sketch, AJ </div>
                                                                </div>
                                                                <!--End::Item -->
                                                                <!--Begin::Item -->
                                                                <div class="kt-timeline__item kt-timeline__item--warning">
                                                                    <div class="kt-timeline__item-section">
                                                                        <div class="kt-timeline__item-section-border">
                                                                            <div class="kt-timeline__item-section-icon"> <i class="flaticon-pie-chart-1 kt-font-warning"></i> </div>
                                                                        </div>
                                                                        <span class="kt-timeline__item-datetime">Aug 13,2018</span> 
                                                                    </div>
                                                                    <a href="" class="kt-timeline__item-text">
                                                                        Meeting with Ken Digital Corp ot Unit14, 3 Edigor Buildings, George Street, Loondon
                                                                        <br>
                                                                        England, BA12FJ 
                                                                    </a>
                                                                    <div class="kt-timeline__item-info"> Meeting, Customer </div>
                                                                </div>
                                                                <!--End::Item -->
                                                                <!--Begin::Item -->
                                                                <div class="kt-timeline__item kt-timeline__item--info">
                                                                    <div class="kt-timeline__item-section">
                                                                        <div class="kt-timeline__item-section-border">
                                                                            <div class="kt-timeline__item-section-icon"> <i class="flaticon-notepad kt-font-info"></i> </div>
                                                                        </div>
                                                                        <span class="kt-timeline__item-datetime">May 09, 2018</span> 
                                                                    </div>
                                                                    <a href="" class="kt-timeline__item-text"> KeenThemes created new layout whith tens of new options for Keen Admin panel </a> 
                                                                    <div class="kt-timeline__item-info"> HTML,CSS,VueJS </div>
                                                                </div>
                                                                <!--End::Item -->
                                                                <!--Begin::Item -->
                                                                <div class="kt-timeline__item kt-timeline__item--accent">
                                                                    <div class="kt-timeline__item-section">
                                                                        <div class="kt-timeline__item-section-border">
                                                                            <div class="kt-timeline__item-section-icon" > <i class="flaticon-bell kt-font-success"></i> </div>
                                                                        </div>
                                                                        <span class="kt-timeline__item-datetime">01:20 AM</span> 
                                                                    </div>
                                                                    <a href="" class="kt-timeline__item-text"> New secyrity alert by Firewall & order to take aktion on User Preferences </a> 
                                                                    <div class="kt-timeline__item-info"> Security, Fieewall </div>
                                                                </div>
                                                                <!--End::Item -->
                                                            </div>
                                                            <!--End::Timeline 1 -->
                                                        </div>
                                                    </div>
                                                    <div class="tab-pane fade" id="kt_portlet_tabs_1_1_2_content" role="tabpanel">
                                                        <div class="kt-scroll" data-scroll="true" style="height: 420px;" data-mobile-height="350">
                                                            <!--Begin::Timeline -->
                                                            <div class="kt-timeline">
                                                                <!--Begin::Item -->
                                                                <div class="kt-timeline__item kt-timeline__item--info">
                                                                    <div class="kt-timeline__item-section">
                                                                        <div class="kt-timeline__item-section-border">
                                                                            <div class="kt-timeline__item-section-icon"> <i class="flaticon-psd kt-font-info"></i> </div>
                                                                        </div>
                                                                        <span class="kt-timeline__item-datetime">01:20 AM</span> 
                                                                    </div>
                                                                    <a href="" class="kt-timeline__item-text">
                                                                        New secyrity alert by Firewall &amp; order to take
                                                                        <br>
                                                                        aktion on User Preferences 
                                                                    </a>
                                                                    <div class="kt-timeline__item-info"> Security, Fieewall </div>
                                                                </div>
                                                                <!--End::Item -->
                                                                <!--Begin::Item -->
                                                                <div class="kt-timeline__item kt-timeline__item--success">
                                                                    <div class="kt-timeline__item-section">
                                                                        <div class="kt-timeline__item-section-border">
                                                                            <div class="kt-timeline__item-section-icon"> <i class="flaticon-pie-chart-1 kt-font-success"></i> </div>
                                                                        </div>
                                                                        <span class="kt-timeline__item-datetime">02:30 PM</span> 
                                                                    </div>
                                                                    <a href="" class="kt-timeline__item-text">
                                                                        KeenThemes created new layout whith tens of
                                                                        <br>
                                                                        new options for Keen Admin panel 
                                                                    </a>
                                                                    <div class="kt-timeline__item-info"> HTML,CSS,VueJS </div>
                                                                </div>
                                                                <!--End::Item -->
                                                                <!--Begin::Item -->
                                                                <div class="kt-timeline__item kt-timeline__item--accent">
                                                                    <div class="kt-timeline__item-section">
                                                                        <div class="kt-timeline__item-section-border">
                                                                            <div class="kt-timeline__item-section-icon"> <i class="flaticon-shopping-basket kt-font-success"></i> </div>
                                                                        </div>
                                                                        <span class="kt-timeline__item-datetime">01:20 AM</span> 
                                                                    </div>
                                                                    <a href="" class="kt-timeline__item-text">
                                                                        New secyrity alert by Firewall &amp; order to take
                                                                        <br>
                                                                        aktion on User references 
                                                                    </a>
                                                                    <div class="kt-timeline__item-info"> Security, Fieewall </div>
                                                                </div>
                                                                <!--End::Item -->
                                                                <!--Begin::Item -->
                                                                <div class="kt-timeline__item kt-timeline__item--warning">
                                                                    <div class="kt-timeline__item-section">
                                                                        <div class="kt-timeline__item-section-border">
                                                                            <div class="kt-timeline__item-section-icon"> <i class="flaticon-rotate kt-font-warning"></i> </div>
                                                                        </div>
                                                                        <span class="kt-timeline__item-datetime">May 09, 2018</span> 
                                                                    </div>
                                                                    <a href="" class="kt-timeline__item-text">
                                                                        KeenThemes created new layout whith tens of
                                                                        <br>
                                                                        new options for Keen Admin panel 
                                                                    </a>
                                                                    <div class="kt-timeline__item-info"> HTML,CSS,VueJS </div>
                                                                </div>
                                                                <!--End::Item -->
                                                                <!--Begin::Item -->
                                                                <div class="kt-timeline__item kt-timeline__item--brand">
                                                                    <div class="kt-timeline__item-section">
                                                                        <div class="kt-timeline__item-section-border">
                                                                            <div class="kt-timeline__item-section-icon"> <i class="flaticon-paper-plane-1 kt-font-brand"></i> </div>
                                                                        </div>
                                                                        <span class="kt-timeline__item-datetime">Aug 13,2018</span> 
                                                                    </div>
                                                                    <a href="" class="kt-timeline__item-text">
                                                                        Meeting with Ken Digital Corp ot Unit14, 3
                                                                        <br>
                                                                        Edigor Buildings, George Street, Loondon
                                                                        <br>
                                                                        England, BA12FJ 
                                                                    </a>
                                                                    <div class="kt-timeline__item-info"> Meeting, Customer </div>
                                                                </div>
                                                                <!--End::Item -->
                                                                <!--Begin::Item -->
                                                                <div class="kt-timeline__item kt-timeline__item--danger">
                                                                    <div class="kt-timeline__item-section">
                                                                        <div class="kt-timeline__item-section-border">
                                                                            <div class="kt-timeline__item-section-icon"> <i class="flaticon-pie-chart-1 kt-font-danger"></i> </div>
                                                                        </div>
                                                                        <span class="kt-timeline__item-datetime">Yestardey</span> 
                                                                    </div>
                                                                    <a href="" class="kt-timeline__item-text">
                                                                        FlyMore design mock-ups been uploadet by
                                                                        <br>
                                                                        designers Bob, Naomi, Richard 
                                                                    </a>
                                                                    <div class="kt-timeline__item-info"> PSD, Sketch, AJ </div>
                                                                </div>
                                                                <!--End::Item -->
                                                                <!--Begin::Item -->
                                                                <div class="kt-timeline__item kt-timeline__item--warning">
                                                                    <div class="kt-timeline__item-section">
                                                                        <div class="kt-timeline__item-section-border">
                                                                            <div class="kt-timeline__item-section-icon"> <i class="flaticon-security kt-font-warning"></i> </div>
                                                                        </div>
                                                                        <span class="kt-timeline__item-datetime">Yestardey</span> 
                                                                    </div>
                                                                    <a href="" class="kt-timeline__item-text">
                                                                        FlyMore design mock-ups been uploadet by
                                                                        <br>
                                                                        designers Bob, Naomi, Richard 
                                                                    </a>
                                                                    <div class="kt-timeline__item-info"> HTML,CSS,VueJS </div>
                                                                </div>
                                                                <!--End::Item -->
                                                                <!--Begin::Item -->
                                                                <div class="kt-timeline__item kt-timeline__item--brand">
                                                                    <div class="kt-timeline__item-section">
                                                                        <div class="kt-timeline__item-section-border">
                                                                            <div class="kt-timeline__item-section-icon"> <i class="flaticon-price-tag kt-font-brand"></i> </div>
                                                                        </div>
                                                                        <span class="kt-timeline__item-datetime">02:30 PM</span> 
                                                                    </div>
                                                                    <a href="" class="kt-timeline__item-text">
                                                                        KeenThemes created new layout whith tens of
                                                                        <br>
                                                                        new options for Keen Admin panel 
                                                                    </a>
                                                                    <div class="kt-timeline__item-info"> HTML,CSS,VueJS </div>
                                                                </div>
                                                                <!--End::Item -->
                                                            </div>
                                                            <!--End::Timeline 1 -->
                                                        </div>
                                                    </div>
                                                    <div class="tab-pane fade" id="kt_portlet_tabs_1_1_3_content" role="tabpanel">
                                                        <div class="kt-scroll" data-scroll="true" style="height: 420px;" data-mobile-height="350">
                                                            <!--Begin::Timeline -->
                                                            <div class="kt-timeline">
                                                                <!--Begin::Item -->
                                                                <div class="kt-timeline__item kt-timeline__item--brand">
                                                                    <div class="kt-timeline__item-section">
                                                                        <div class="kt-timeline__item-section-border">
                                                                            <div class="kt-timeline__item-section-icon"> <i class="flaticon-medal kt-font-brand"></i> </div>
                                                                        </div>
                                                                        <span class="kt-timeline__item-datetime">Aug 13,2018</span> 
                                                                    </div>
                                                                    <a href="" class="kt-timeline__item-text">
                                                                        Meeting with Ken Digital Corp ot Unit14, 3
                                                                        <br>
                                                                        Edigor Buildings, George Street, Loondon
                                                                        <br>
                                                                        England, BA12FJ 
                                                                    </a>
                                                                    <div class="kt-timeline__item-info"> Meeting, Customer </div>
                                                                </div>
                                                                <!--End::Item -->
                                                                <!--Begin::Item -->
                                                                <div class="kt-timeline__item kt-timeline__item--danger">
                                                                    <div class="kt-timeline__item-section">
                                                                        <div class="kt-timeline__item-section-border">
                                                                            <div class="kt-timeline__item-section-icon"> <i class="flaticon-safe-shield-protection kt-font-danger"></i> </div>
                                                                        </div>
                                                                        <span class="kt-timeline__item-datetime">Yestardey</span> 
                                                                    </div>
                                                                    <a href="" class="kt-timeline__item-text">
                                                                        FlyMore design mock-ups been uploadet by
                                                                        <br>
                                                                        designers Bob, Naomi, Richard 
                                                                    </a>
                                                                    <div class="kt-timeline__item-info"> PSD, Sketch, AJ </div>
                                                                </div>
                                                                <!--End::Item -->
                                                                <!--Begin::Item -->
                                                                <div class="kt-timeline__item kt-timeline__item--info">
                                                                    <div class="kt-timeline__item-section">
                                                                        <div class="kt-timeline__item-section-border">
                                                                            <div class="kt-timeline__item-section-icon"> <i class="flaticon2-box kt-font-info"></i> </div>
                                                                        </div>
                                                                        <span class="kt-timeline__item-datetime">01:20 AM</span> 
                                                                    </div>
                                                                    <a href="" class="kt-timeline__item-text">
                                                                        New secyrity alert by Firewall &amp; order to take
                                                                        <br>
                                                                        aktion on User Preferences 
                                                                    </a>
                                                                    <div class="kt-timeline__item-info"> Security, Fieewall </div>
                                                                </div>
                                                                <!--End::Item -->
                                                                <!--Begin::Item -->
                                                                <div class="kt-timeline__item kt-timeline__item--success">
                                                                    <div class="kt-timeline__item-section">
                                                                        <div class="kt-timeline__item-section-border">
                                                                            <div class="kt-timeline__item-section-icon"> <i class="flaticon-pie-chart-1 kt-font-success"></i> </div>
                                                                        </div>
                                                                        <span class="kt-timeline__item-datetime">02:30 PM</span> 
                                                                    </div>
                                                                    <a href="" class="kt-timeline__item-text">
                                                                        KeenThemes created new layout whith tens of
                                                                        <br>
                                                                        new options for Keen Admin panel 
                                                                    </a>
                                                                    <div class="kt-timeline__item-info"> HTML,CSS,VueJS </div>
                                                                </div>
                                                                <!--End::Item -->
                                                                <!--Begin::Item -->
                                                                <div class="kt-timeline__item kt-timeline__item--accent">
                                                                    <div class="kt-timeline__item-section">
                                                                        <div class="kt-timeline__item-section-border">
                                                                            <div class="kt-timeline__item-section-icon"> <i class="flaticon-envelope kt-font-success"></i> </div>
                                                                        </div>
                                                                        <span class="kt-timeline__item-datetime">01:20 AM</span> 
                                                                    </div>
                                                                    <a href="" class="kt-timeline__item-text">
                                                                        New secyrity alert by Firewall &amp; order to take
                                                                        <br>
                                                                        aktion on User references 
                                                                    </a>
                                                                    <div class="kt-timeline__item-info"> Security, Fieewall </div>
                                                                </div>
                                                                <!--End::Item -->
                                                                <!--Begin::Item -->
                                                                <div class="kt-timeline__item kt-timeline__item--warning">
                                                                    <div class="kt-timeline__item-section">
                                                                        <div class="kt-timeline__item-section-border">
                                                                            <div class="kt-timeline__item-section-icon"> <i class="flaticon-rotate kt-font-warning"></i> </div>
                                                                        </div>
                                                                        <span class="kt-timeline__item-datetime">May 09, 2018</span> 
                                                                    </div>
                                                                    <a href="" class="kt-timeline__item-text">
                                                                        KeenThemes created new layout whith tens of
                                                                        <br>
                                                                        new options for Keen Admin panel 
                                                                    </a>
                                                                    <div class="kt-timeline__item-info"> HTML,CSS,VueJS </div>
                                                                </div>
                                                                <!--End::Item -->
                                                                <!--Begin::Item -->
                                                                <div class="kt-timeline__item kt-timeline__item--info">
                                                                    <div class="kt-timeline__item-section">
                                                                        <div class="kt-timeline__item-section-border">
                                                                            <div class="kt-timeline__item-section-icon"> <i class="flaticon-feed kt-font-info"></i> </div>
                                                                        </div>
                                                                        <span class="kt-timeline__item-datetime">Yestardey</span> 
                                                                    </div>
                                                                    <a href="" class="kt-timeline__item-text">
                                                                        FlyMore design mock-ups been uploadet by
                                                                        <br>
                                                                        designers Bob, Naomi, Richard 
                                                                    </a>
                                                                    <div class="kt-timeline__item-info"> HTML,CSS,VueJS </div>
                                                                </div>
                                                                <!--End::Item -->
                                                                <!--Begin::Item -->
                                                                <div class="kt-timeline__item kt-timeline__item--brand">
                                                                    <div class="kt-timeline__item-section">
                                                                        <div class="kt-timeline__item-section-border">
                                                                            <div class="kt-timeline__item-section-icon"> <i class="flaticon-download-1 kt-font-brand"></i> </div>
                                                                        </div>
                                                                        <span class="kt-timeline__item-datetime">02:30 PM</span> 
                                                                    </div>
                                                                    <a href="" class="kt-timeline__item-text">
                                                                        KeenThemes created new layout whith tens of
                                                                        <br>
                                                                        new options for Keen Admin panel 
                                                                    </a>
                                                                    <div class="kt-timeline__item-info"> HTML,CSS,VueJS </div>
                                                                </div>
                                                                <!--End::Item -->
                                                            </div>
                                                            <!--End::Timeline 1 -->
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-xl-4 order-lg-1 order-xl-1">
                                        <!--begin::Portlet-->
                                        <div class="kt-portlet kt-portlet--height-fluid">
                                            <div class="kt-portlet__head">
                                                <div class="kt-portlet__head-label">
                                                    <h3 class="kt-portlet__head-title">
                                                        Latest Uploads
                                                    </h3>
                                                </div>
                                                <div class="kt-portlet__head-toolbar">
                                                    <div class="kt-portlet__head-actions"> <a href="#" class="btn btn-default btn-upper btn-sm btn-bold">All FILES</a> </div>
                                                </div>
                                            </div>
                                            <div class="kt-portlet__body kt-portlet__body--fit kt-portlet__body--fluid">
                                                <div class="kt-widget-7">
                                                    <div class="kt-widget-7__items">
                                                        <div class="kt-widget-7__item">
                                                            <div class="kt-widget-7__item-pic">
                                                                <img src="../assets/media/files/doc.svg" alt="" />
                                                            </div>
                                                            <div class="kt-widget-7__item-info">
                                                                <a href="#" class="kt-widget-7__item-title"> Keeg Design Reqs </a> 
                                                                <div class="kt-widget-7__item-desc"> 95 MB </div>
                                                            </div>
                                                            <div class="kt-widget-7__item-toolbar">
                                                                <div class="dropdown dropdown-inline">
                                                                    <button type="button" class="btn btn-clean btn-sm btn-icon btn-icon-md" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="flaticon-more-1"></i> </button>
                                                                    <div class="dropdown-menu dropdown-menu-right">
                                                                        <ul class="kt-nav">
                                                                            <li class="kt-nav__section kt-nav__section--first"> <span class="kt-nav__section-text">EXPORT TOOLS</span> </li>
                                                                            <li class="kt-nav__item">
                                                                                <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-eye"></i> <span class="kt-nav__link-text">View</span> </a>
                                                                            </li>
                                                                            <li class="kt-nav__item">
                                                                                <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-comment-o"></i> <span class="kt-nav__link-text">Coments</span> </a>
                                                                            </li>
                                                                            <li class="kt-nav__item">
                                                                                <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-copy"></i> <span class="kt-nav__link-text">Copy</span> </a>
                                                                            </li>
                                                                            <li class="kt-nav__item">
                                                                                <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-file-excel-o"></i> <span class="kt-nav__link-text">Excel</span> </a>
                                                                            </li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="kt-widget-7__item">
                                                            <div class="kt-widget-7__item-pic">
                                                                <img src="../assets/media/files/pdf.svg" alt="" />
                                                            </div>
                                                            <div class="kt-widget-7__item-info">
                                                                <a href="#" class="kt-widget-7__item-title"> S.E.R Agreement </a> 
                                                                <div class="kt-widget-7__item-desc"> 805 MB </div>
                                                            </div>
                                                            <div class="kt-widget-7__item-toolbar">
                                                                <div class="dropdown dropdown-inline">
                                                                    <button type="button" class="btn btn-clean btn-sm btn-icon btn-icon-md" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="flaticon-more-1"></i> </button>
                                                                    <div class="dropdown-menu dropdown-menu-right">
                                                                        <ul class="kt-nav">
                                                                            <li class="kt-nav__section kt-nav__section--first"> <span class="kt-nav__section-text">EXPORT TOOLS</span> </li>
                                                                            <li class="kt-nav__item">
                                                                                <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-eye"></i> <span class="kt-nav__link-text">View</span> </a>
                                                                            </li>
                                                                            <li class="kt-nav__item">
                                                                                <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-comment-o"></i> <span class="kt-nav__link-text">Coments</span> </a>
                                                                            </li>
                                                                            <li class="kt-nav__item">
                                                                                <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-copy"></i> <span class="kt-nav__link-text">Copy</span> </a>
                                                                            </li>
                                                                            <li class="kt-nav__item">
                                                                                <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-file-excel-o"></i> <span class="kt-nav__link-text">Excel</span> </a>
                                                                            </li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="kt-widget-7__item">
                                                            <div class="kt-widget-7__item-pic">
                                                                <img src="../assets/media/files/jpg.svg" alt="" />
                                                            </div>
                                                            <div class="kt-widget-7__item-info">
                                                                <a href="#" class="kt-widget-7__item-title"> FlyMore Screenshot </a> 
                                                                <div class="kt-widget-7__item-desc"> 4 MB </div>
                                                            </div>
                                                            <div class="kt-widget-7__item-toolbar">
                                                                <div class="dropdown dropdown-inline">
                                                                    <button type="button" class="btn btn-clean btn-sm btn-icon btn-icon-md" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="flaticon-more-1"></i> </button>
                                                                    <div class="dropdown-menu dropdown-menu-right">
                                                                        <ul class="kt-nav">
                                                                            <li class="kt-nav__section kt-nav__section--first"> <span class="kt-nav__section-text">EXPORT TOOLS</span> </li>
                                                                            <li class="kt-nav__item">
                                                                                <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-eye"></i> <span class="kt-nav__link-text">View</span> </a>
                                                                            </li>
                                                                            <li class="kt-nav__item">
                                                                                <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-comment-o"></i> <span class="kt-nav__link-text">Coments</span> </a>
                                                                            </li>
                                                                            <li class="kt-nav__item">
                                                                                <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-copy"></i> <span class="kt-nav__link-text">Copy</span> </a>
                                                                            </li>
                                                                            <li class="kt-nav__item">
                                                                                <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-file-excel-o"></i> <span class="kt-nav__link-text">Excel</span> </a>
                                                                            </li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="kt-widget-7__item">
                                                            <div class="kt-widget-7__item-pic">
                                                                <img src="../assets/media/files/zip.svg" alt="" />
                                                            </div>
                                                            <div class="kt-widget-7__item-info">
                                                                <a href="#" class="kt-widget-7__item-title"> ST.11 Dacuments </a> 
                                                                <div class="kt-widget-7__item-desc"> Unknown </div>
                                                            </div>
                                                            <div class="kt-widget-7__item-toolbar">
                                                                <div class="dropdown dropdown-inline">
                                                                    <button type="button" class="btn btn-clean btn-sm btn-icon btn-icon-md" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="flaticon-more-1"></i> </button>
                                                                    <div class="dropdown-menu dropdown-menu-right">
                                                                        <ul class="kt-nav">
                                                                            <li class="kt-nav__section kt-nav__section--first"> <span class="kt-nav__section-text">EXPORT TOOLS</span> </li>
                                                                            <li class="kt-nav__item">
                                                                                <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-eye"></i> <span class="kt-nav__link-text">View</span> </a>
                                                                            </li>
                                                                            <li class="kt-nav__item">
                                                                                <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-comment-o"></i> <span class="kt-nav__link-text">Coments</span> </a>
                                                                            </li>
                                                                            <li class="kt-nav__item">
                                                                                <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-copy"></i> <span class="kt-nav__link-text">Copy</span> </a>
                                                                            </li>
                                                                            <li class="kt-nav__item">
                                                                                <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-file-excel-o"></i> <span class="kt-nav__link-text">Excel</span> </a>
                                                                            </li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="kt-widget-7__item">
                                                            <div class="kt-widget-7__item-pic">
                                                                <img src="../assets/media/files/xml.svg" alt="" />
                                                            </div>
                                                            <div class="kt-widget-7__item-info">
                                                                <a href="#" class="kt-widget-7__item-title"> XML AOL Data Fetchin </a> 
                                                                <div class="kt-widget-7__item-desc"> 4 MB </div>
                                                            </div>
                                                            <div class="kt-widget-7__item-toolbar">
                                                                <div class="dropdown dropdown-inline">
                                                                    <button type="button" class="btn btn-clean btn-sm btn-icon btn-icon-md" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="flaticon-more-1"></i> </button>
                                                                    <div class="dropdown-menu dropdown-menu-right">
                                                                        <ul class="kt-nav">
                                                                            <li class="kt-nav__section kt-nav__section--first"> <span class="kt-nav__section-text">EXPORT TOOLS</span> </li>
                                                                            <li class="kt-nav__item">
                                                                                <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-eye"></i> <span class="kt-nav__link-text">View</span> </a>
                                                                            </li>
                                                                            <li class="kt-nav__item">
                                                                                <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-comment-o"></i> <span class="kt-nav__link-text">Coments</span> </a>
                                                                            </li>
                                                                            <li class="kt-nav__item">
                                                                                <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-copy"></i> <span class="kt-nav__link-text">Copy</span> </a>
                                                                            </li>
                                                                            <li class="kt-nav__item">
                                                                                <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-file-excel-o"></i> <span class="kt-nav__link-text">Excel</span> </a>
                                                                            </li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="kt-widget-7__foot">
                                                        <img src="../assets/media/misc/clouds.png" alt="" />
                                                        <div class="kt-widget-7__upload">
                                                            <a href="#"><i class="flaticon-upload"></i></a>
                                                            <span>Drag files here</span> 
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!--end::Portlet-->
                                    </div>
                                    <div class="col-lg-12 col-xl-4 order-lg-2 order-xl-1">
                                        <!--begin::Portlet-->
                                        <div class="kt-portlet kt-portlet--height-fluid">
                                            <div class="kt-portlet__head">
                                                <div class="kt-portlet__head-label">
                                                    <h3 class="kt-portlet__head-title">
                                                        Recent Works
                                                    </h3>
                                                </div>
                                                <div class="kt-portlet__head-toolbar">
                                                    <div class="kt-portlet__head-toolbar-wrapper">
                                                        <div class="dropdown dropdown-inline">
                                                            <button type="button" class="btn btn-clean btn-sm btn-icon btn-icon-md" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="flaticon-more-1"></i> </button>
                                                            <div class="dropdown-menu dropdown-menu-right">
                                                                <ul class="kt-nav">
                                                                    <li class="kt-nav__section kt-nav__section--first"> <span class="kt-nav__section-text">Export Tools</span> </li>
                                                                    <li class="kt-nav__item">
                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-print"></i> <span class="kt-nav__link-text">Print</span> </a>
                                                                    </li>
                                                                    <li class="kt-nav__item">
                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-copy"></i> <span class="kt-nav__link-text">Copy</span> </a>
                                                                    </li>
                                                                    <li class="kt-nav__item">
                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-file-excel-o"></i> <span class="kt-nav__link-text">Excel</span> </a>
                                                                    </li>
                                                                    <li class="kt-nav__item">
                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-file-text-o"></i> <span class="kt-nav__link-text">CSV</span> </a>
                                                                    </li>
                                                                    <li class="kt-nav__item">
                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-file-pdf-o"></i> <span class="kt-nav__link-text">PDF</span> </a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="kt-portlet__body">
                                                <div class="kt-widget-6">
                                                    <!-- begin::Tab Content -->
                                                    <div class="kt-widget6__tab tab-content">
                                                        <div id="kt_personal_income_quater_15c7a0302b2b1e" class="tab-pane fade active show">
                                                            <div class="kt-widget-6__items">
                                                                <div class="kt-widget-6__item">
                                                                    <div class="kt-widget-6__item-pic">
                                                                        <img class="" src="../assets/media/blog/blog-7.jpg" alt="" />
                                                                    </div>
                                                                    <div class="kt-widget-6__item-info">
                                                                        <div class="kt-widget-6__item-title"> Quickly direct you useful content or people </div>
                                                                        <div class="kt-widget-6__item-desc"> HTML, CSS, JavaScripts </div>
                                                                    </div>
                                                                    <div class="kt-widget-6__item-icon kt-widget-6__item-icon--brand">
                                                                        <div class="dropdown dropdown-inline">
                                                                            <button type="button" class="btn btn-clean btn-sm btn-icon btn-icon-md" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="flaticon-more-1"></i> </button>
                                                                            <div class="dropdown-menu dropdown-menu-right">
                                                                                <ul class="kt-nav">
                                                                                    <li class="kt-nav__section kt-nav__section--first"> <span class="kt-nav__section-text">EXPORT TOOLS</span> </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-eye"></i> <span class="kt-nav__link-text">View</span> </a>
                                                                                    </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-comment-o"></i> <span class="kt-nav__link-text">Coments</span> </a>
                                                                                    </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-copy"></i> <span class="kt-nav__link-text">Copy</span> </a>
                                                                                    </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-file-excel-o"></i> <span class="kt-nav__link-text">Excel</span> </a>
                                                                                    </li>
                                                                                </ul>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="kt-widget-6__item">
                                                                    <div class="kt-widget-6__item-pic">
                                                                        <img class="" src="../assets/media/blog/blog-6.jpg" alt="" />
                                                                    </div>
                                                                    <div class="kt-widget-6__item-info">
                                                                        <div class="kt-widget-6__item-title"> Get the point across </div>
                                                                        <div class="kt-widget-6__item-desc"> HTML, CSS, JavaScripts </div>
                                                                    </div>
                                                                    <div class="kt-widget-6__item-icon kt-widget-6__item-icon--brand">
                                                                        <div class="dropdown dropdown-inline">
                                                                            <button type="button" class="btn btn-clean btn-sm btn-icon btn-icon-md" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="flaticon-more-1"></i> </button>
                                                                            <div class="dropdown-menu dropdown-menu-right">
                                                                                <ul class="kt-nav">
                                                                                    <li class="kt-nav__section kt-nav__section--first"> <span class="kt-nav__section-text">EXPORT TOOLS</span> </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-eye"></i> <span class="kt-nav__link-text">View</span> </a>
                                                                                    </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-comment-o"></i> <span class="kt-nav__link-text">Coments</span> </a>
                                                                                    </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-copy"></i> <span class="kt-nav__link-text">Copy</span> </a>
                                                                                    </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-file-excel-o"></i> <span class="kt-nav__link-text">Excel</span> </a>
                                                                                    </li>
                                                                                </ul>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="kt-widget-6__item">
                                                                    <div class="kt-widget-6__item-pic">
                                                                        <img class="" src="../assets/media/blog/blog-5.jpg" alt="" />
                                                                    </div>
                                                                    <div class="kt-widget-6__item-info">
                                                                        <div class="kt-widget-6__item-title"> Contain amazing email sign up form </div>
                                                                        <div class="kt-widget-6__item-desc"> HTML, CSS, JavaScripts </div>
                                                                    </div>
                                                                    <div class="kt-widget-6__item-icon kt-widget-6__item-icon--brand">
                                                                        <div class="dropdown dropdown-inline">
                                                                            <button type="button" class="btn btn-clean btn-sm btn-icon btn-icon-md" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="flaticon-more-1"></i> </button>
                                                                            <div class="dropdown-menu dropdown-menu-right">
                                                                                <ul class="kt-nav">
                                                                                    <li class="kt-nav__section kt-nav__section--first"> <span class="kt-nav__section-text">EXPORT TOOLS</span> </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-eye"></i> <span class="kt-nav__link-text">View</span> </a>
                                                                                    </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-comment-o"></i> <span class="kt-nav__link-text">Coments</span> </a>
                                                                                    </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-copy"></i> <span class="kt-nav__link-text">Copy</span> </a>
                                                                                    </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-file-excel-o"></i> <span class="kt-nav__link-text">Excel</span> </a>
                                                                                    </li>
                                                                                </ul>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="kt-widget-6__item">
                                                                    <div class="kt-widget-6__item-pic">
                                                                        <img class="" src="../assets/media/blog/blog-2.jpg" alt="" />
                                                                    </div>
                                                                    <div class="kt-widget-6__item-info">
                                                                        <div class="kt-widget-6__item-title"> Tips on How to Write an About me page </div>
                                                                        <div class="kt-widget-6__item-desc"> HTML, CSS, JavaScripts </div>
                                                                    </div>
                                                                    <div class="kt-widget-6__item-icon kt-widget-6__item-icon--brand">
                                                                        <div class="dropdown dropdown-inline">
                                                                            <button type="button" class="btn btn-clean btn-sm btn-icon btn-icon-md" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="flaticon-more-1"></i> </button>
                                                                            <div class="dropdown-menu dropdown-menu-right">
                                                                                <ul class="kt-nav">
                                                                                    <li class="kt-nav__section kt-nav__section--first"> <span class="kt-nav__section-text">EXPORT TOOLS</span> </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-eye"></i> <span class="kt-nav__link-text">View</span> </a>
                                                                                    </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-comment-o"></i> <span class="kt-nav__link-text">Coments</span> </a>
                                                                                    </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-copy"></i> <span class="kt-nav__link-text">Copy</span> </a>
                                                                                    </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-file-excel-o"></i> <span class="kt-nav__link-text">Excel</span> </a>
                                                                                    </li>
                                                                                </ul>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div id="kt_personal_income_quater_25c7a0302b2b1e" class="tab-pane fade">
                                                            <div class="kt-widget-6__items">
                                                                <div class="kt-widget-6__item">
                                                                    <div class="kt-widget-6__item-pic">
                                                                        <img class="" src="../assets/media/blog/blog-6.jpg" alt="" />
                                                                    </div>
                                                                    <div class="kt-widget-6__item-info">
                                                                        <div class="kt-widget-6__item-title"> Get the point across </div>
                                                                        <div class="kt-widget-6__item-desc"> HTML, CSS, JavaScripts </div>
                                                                    </div>
                                                                    <div class="kt-widget-6__item-icon kt-widget-6__item-icon--brand">
                                                                        <div class="dropdown dropdown-inline">
                                                                            <button type="button" class="btn btn-clean btn-sm btn-icon btn-icon-md" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="flaticon-more-1"></i> </button>
                                                                            <div class="dropdown-menu dropdown-menu-right">
                                                                                <ul class="kt-nav">
                                                                                    <li class="kt-nav__section kt-nav__section--first"> <span class="kt-nav__section-text">EXPORT TOOLS</span> </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-eye"></i> <span class="kt-nav__link-text">View</span> </a>
                                                                                    </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-comment-o"></i> <span class="kt-nav__link-text">Coments</span> </a>
                                                                                    </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-copy"></i> <span class="kt-nav__link-text">Copy</span> </a>
                                                                                    </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-file-excel-o"></i> <span class="kt-nav__link-text">Excel</span> </a>
                                                                                    </li>
                                                                                </ul>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="kt-widget-6__item">
                                                                    <div class="kt-widget-6__item-pic">
                                                                        <img class="" src="../assets/media/blog/blog-2.jpg" alt="" />
                                                                    </div>
                                                                    <div class="kt-widget-6__item-info">
                                                                        <div class="kt-widget-6__item-title"> Tips on How to Write an About me page </div>
                                                                        <div class="kt-widget-6__item-desc"> HTML, CSS, JavaScripts </div>
                                                                    </div>
                                                                    <div class="kt-widget-6__item-icon kt-widget-6__item-icon--brand">
                                                                        <div class="dropdown dropdown-inline">
                                                                            <button type="button" class="btn btn-clean btn-sm btn-icon btn-icon-md" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="flaticon-more-1"></i> </button>
                                                                            <div class="dropdown-menu dropdown-menu-right">
                                                                                <ul class="kt-nav">
                                                                                    <li class="kt-nav__section kt-nav__section--first"> <span class="kt-nav__section-text">EXPORT TOOLS</span> </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-eye"></i> <span class="kt-nav__link-text">View</span> </a>
                                                                                    </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-comment-o"></i> <span class="kt-nav__link-text">Coments</span> </a>
                                                                                    </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-copy"></i> <span class="kt-nav__link-text">Copy</span> </a>
                                                                                    </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-file-excel-o"></i> <span class="kt-nav__link-text">Excel</span> </a>
                                                                                    </li>
                                                                                </ul>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="kt-widget-6__item">
                                                                    <div class="kt-widget-6__item-pic">
                                                                        <img class="" src="../assets/media/blog/blog-7.jpg" alt="" />
                                                                    </div>
                                                                    <div class="kt-widget-6__item-info">
                                                                        <div class="kt-widget-6__item-title"> Quickly direct you useful content or people </div>
                                                                        <div class="kt-widget-6__item-desc"> HTML, CSS, JavaScripts </div>
                                                                    </div>
                                                                    <div class="kt-widget-6__item-icon kt-widget-6__item-icon--brand">
                                                                        <div class="dropdown dropdown-inline">
                                                                            <button type="button" class="btn btn-clean btn-sm btn-icon btn-icon-md" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="flaticon-more-1"></i> </button>
                                                                            <div class="dropdown-menu dropdown-menu-right">
                                                                                <ul class="kt-nav">
                                                                                    <li class="kt-nav__section kt-nav__section--first"> <span class="kt-nav__section-text">EXPORT TOOLS</span> </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-eye"></i> <span class="kt-nav__link-text">View</span> </a>
                                                                                    </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-comment-o"></i> <span class="kt-nav__link-text">Coments</span> </a>
                                                                                    </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-copy"></i> <span class="kt-nav__link-text">Copy</span> </a>
                                                                                    </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-file-excel-o"></i> <span class="kt-nav__link-text">Excel</span> </a>
                                                                                    </li>
                                                                                </ul>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="kt-widget-6__item">
                                                                    <div class="kt-widget-6__item-pic">
                                                                        <img class="" src="../assets/media/blog/blog-5.jpg" alt="" />
                                                                    </div>
                                                                    <div class="kt-widget-6__item-info">
                                                                        <div class="kt-widget-6__item-title"> Contain amazing email sign up form </div>
                                                                        <div class="kt-widget-6__item-desc"> HTML, CSS, JavaScripts </div>
                                                                    </div>
                                                                    <div class="kt-widget-6__item-icon kt-widget-6__item-icon--brand">
                                                                        <div class="dropdown dropdown-inline">
                                                                            <button type="button" class="btn btn-clean btn-sm btn-icon btn-icon-md" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="flaticon-more-1"></i> </button>
                                                                            <div class="dropdown-menu dropdown-menu-right">
                                                                                <ul class="kt-nav">
                                                                                    <li class="kt-nav__section kt-nav__section--first"> <span class="kt-nav__section-text">EXPORT TOOLS</span> </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-eye"></i> <span class="kt-nav__link-text">View</span> </a>
                                                                                    </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-comment-o"></i> <span class="kt-nav__link-text">Coments</span> </a>
                                                                                    </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-copy"></i> <span class="kt-nav__link-text">Copy</span> </a>
                                                                                    </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-file-excel-o"></i> <span class="kt-nav__link-text">Excel</span> </a>
                                                                                    </li>
                                                                                </ul>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div id="kt_personal_income_quater_35c7a0302b2b1e" class="tab-pane fade">
                                                            <div class="kt-widget-6__items">
                                                                <div class="kt-widget-6__item">
                                                                    <div class="kt-widget-6__item-pic">
                                                                        <img class="" src="../assets/media/blog/blog-5.jpg" alt="" />
                                                                    </div>
                                                                    <div class="kt-widget-6__item-info">
                                                                        <div class="kt-widget-6__item-title"> Contain amazing email sign up form </div>
                                                                        <div class="kt-widget-6__item-desc"> HTML, CSS, JavaScripts </div>
                                                                    </div>
                                                                    <div class="kt-widget-6__item-icon kt-widget-6__item-icon--brand">
                                                                        <div class="dropdown dropdown-inline">
                                                                            <button type="button" class="btn btn-clean btn-sm btn-icon btn-icon-md" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="flaticon-more-1"></i> </button>
                                                                            <div class="dropdown-menu dropdown-menu-right">
                                                                                <ul class="kt-nav">
                                                                                    <li class="kt-nav__section kt-nav__section--first"> <span class="kt-nav__section-text">EXPORT TOOLS</span> </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-eye"></i> <span class="kt-nav__link-text">View</span> </a>
                                                                                    </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-comment-o"></i> <span class="kt-nav__link-text">Coments</span> </a>
                                                                                    </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-copy"></i> <span class="kt-nav__link-text">Copy</span> </a>
                                                                                    </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-file-excel-o"></i> <span class="kt-nav__link-text">Excel</span> </a>
                                                                                    </li>
                                                                                </ul>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="kt-widget-6__item">
                                                                    <div class="kt-widget-6__item-pic">
                                                                        <img class="" src="../assets/media/blog/blog-4.jpg" alt="" />
                                                                    </div>
                                                                    <div class="kt-widget-6__item-info">
                                                                        <div class="kt-widget-6__item-title"> Tips on How to Write an About me page </div>
                                                                        <div class="kt-widget-6__item-desc"> HTML, CSS, JavaScripts </div>
                                                                    </div>
                                                                    <div class="kt-widget-6__item-icon kt-widget-6__item-icon--brand">
                                                                        <div class="dropdown dropdown-inline">
                                                                            <button type="button" class="btn btn-clean btn-sm btn-icon btn-icon-md" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="flaticon-more-1"></i> </button>
                                                                            <div class="dropdown-menu dropdown-menu-right">
                                                                                <ul class="kt-nav">
                                                                                    <li class="kt-nav__section kt-nav__section--first"> <span class="kt-nav__section-text">EXPORT TOOLS</span> </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-eye"></i> <span class="kt-nav__link-text">View</span> </a>
                                                                                    </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-comment-o"></i> <span class="kt-nav__link-text">Coments</span> </a>
                                                                                    </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-copy"></i> <span class="kt-nav__link-text">Copy</span> </a>
                                                                                    </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-file-excel-o"></i> <span class="kt-nav__link-text">Excel</span> </a>
                                                                                    </li>
                                                                                </ul>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="kt-widget-6__item">
                                                                    <div class="kt-widget-6__item-pic">
                                                                        <img class="" src="../assets/media/blog/blog-6.jpg" alt="" />
                                                                    </div>
                                                                    <div class="kt-widget-6__item-info">
                                                                        <div class="kt-widget-6__item-title"> Get the point across </div>
                                                                        <div class="kt-widget-6__item-desc"> HTML, CSS, JavaScripts </div>
                                                                    </div>
                                                                    <div class="kt-widget-6__item-icon kt-widget-6__item-icon--brand">
                                                                        <div class="dropdown dropdown-inline">
                                                                            <button type="button" class="btn btn-clean btn-sm btn-icon btn-icon-md" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="flaticon-more-1"></i> </button>
                                                                            <div class="dropdown-menu dropdown-menu-right">
                                                                                <ul class="kt-nav">
                                                                                    <li class="kt-nav__section kt-nav__section--first"> <span class="kt-nav__section-text">EXPORT TOOLS</span> </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-eye"></i> <span class="kt-nav__link-text">View</span> </a>
                                                                                    </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-comment-o"></i> <span class="kt-nav__link-text">Coments</span> </a>
                                                                                    </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-copy"></i> <span class="kt-nav__link-text">Copy</span> </a>
                                                                                    </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-file-excel-o"></i> <span class="kt-nav__link-text">Excel</span> </a>
                                                                                    </li>
                                                                                </ul>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="kt-widget-6__item">
                                                                    <div class="kt-widget-6__item-pic">
                                                                        <img class="" src="../assets/media/blog/blog-2.jpg" alt="" />
                                                                    </div>
                                                                    <div class="kt-widget-6__item-info">
                                                                        <div class="kt-widget-6__item-title"> Tips on How to Write an About me page </div>
                                                                        <div class="kt-widget-6__item-desc"> HTML, CSS, JavaScripts </div>
                                                                    </div>
                                                                    <div class="kt-widget-6__item-icon kt-widget-6__item-icon--brand">
                                                                        <div class="dropdown dropdown-inline">
                                                                            <button type="button" class="btn btn-clean btn-sm btn-icon btn-icon-md" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="flaticon-more-1"></i> </button>
                                                                            <div class="dropdown-menu dropdown-menu-right">
                                                                                <ul class="kt-nav">
                                                                                    <li class="kt-nav__section kt-nav__section--first"> <span class="kt-nav__section-text">EXPORT TOOLS</span> </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-eye"></i> <span class="kt-nav__link-text">View</span> </a>
                                                                                    </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-comment-o"></i> <span class="kt-nav__link-text">Coments</span> </a>
                                                                                    </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-copy"></i> <span class="kt-nav__link-text">Copy</span> </a>
                                                                                    </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-file-excel-o"></i> <span class="kt-nav__link-text">Excel</span> </a>
                                                                                    </li>
                                                                                </ul>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div id="kt_personal_income_quater_45c7a0302b2b1e" class="tab-pane fade">
                                                            <div class="kt-widget-6__items">
                                                                <div class="kt-widget-6__item">
                                                                    <div class="kt-widget-6__item-pic">
                                                                        <img class="" src="../assets/media/blog/blog-6.jpg" alt="" />
                                                                    </div>
                                                                    <div class="kt-widget-6__item-info">
                                                                        <div class="kt-widget-6__item-title"> Get the point across </div>
                                                                        <div class="kt-widget-6__item-desc"> HTML, CSS, JavaScripts </div>
                                                                    </div>
                                                                    <div class="kt-widget-6__item-icon kt-widget-6__item-icon--brand">
                                                                        <div class="dropdown dropdown-inline">
                                                                            <button type="button" class="btn btn-clean btn-sm btn-icon btn-icon-md" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="flaticon-more-1"></i> </button>
                                                                            <div class="dropdown-menu dropdown-menu-right">
                                                                                <ul class="kt-nav">
                                                                                    <li class="kt-nav__section kt-nav__section--first"> <span class="kt-nav__section-text">EXPORT TOOLS</span> </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-eye"></i> <span class="kt-nav__link-text">View</span> </a>
                                                                                    </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-comment-o"></i> <span class="kt-nav__link-text">Coments</span> </a>
                                                                                    </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-copy"></i> <span class="kt-nav__link-text">Copy</span> </a>
                                                                                    </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-file-excel-o"></i> <span class="kt-nav__link-text">Excel</span> </a>
                                                                                    </li>
                                                                                </ul>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="kt-widget-6__item">
                                                                    <div class="kt-widget-6__item-pic">
                                                                        <img class="" src="../assets/media/blog/blog-5.jpg" alt="" />
                                                                    </div>
                                                                    <div class="kt-widget-6__item-info">
                                                                        <div class="kt-widget-6__item-title"> Contain amazing email sign up form </div>
                                                                        <div class="kt-widget-6__item-desc"> HTML, CSS, JavaScripts </div>
                                                                    </div>
                                                                    <div class="kt-widget-6__item-icon kt-widget-6__item-icon--brand">
                                                                        <div class="dropdown dropdown-inline">
                                                                            <button type="button" class="btn btn-clean btn-sm btn-icon btn-icon-md" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="flaticon-more-1"></i> </button>
                                                                            <div class="dropdown-menu dropdown-menu-right">
                                                                                <ul class="kt-nav">
                                                                                    <li class="kt-nav__section kt-nav__section--first"> <span class="kt-nav__section-text">EXPORT TOOLS</span> </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-eye"></i> <span class="kt-nav__link-text">View</span> </a>
                                                                                    </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-comment-o"></i> <span class="kt-nav__link-text">Coments</span> </a>
                                                                                    </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-copy"></i> <span class="kt-nav__link-text">Copy</span> </a>
                                                                                    </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-file-excel-o"></i> <span class="kt-nav__link-text">Excel</span> </a>
                                                                                    </li>
                                                                                </ul>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="kt-widget-6__item">
                                                                    <div class="kt-widget-6__item-pic">
                                                                        <img class="" src="../assets/media/blog/blog-3.jpg" alt="" />
                                                                    </div>
                                                                    <div class="kt-widget-6__item-info">
                                                                        <div class="kt-widget-6__item-title"> Get the point across </div>
                                                                        <div class="kt-widget-6__item-desc"> HTML, CSS, JavaScripts </div>
                                                                    </div>
                                                                    <div class="kt-widget-6__item-icon kt-widget-6__item-icon--brand">
                                                                        <div class="dropdown dropdown-inline">
                                                                            <button type="button" class="btn btn-clean btn-sm btn-icon btn-icon-md" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="flaticon-more-1"></i> </button>
                                                                            <div class="dropdown-menu dropdown-menu-right">
                                                                                <ul class="kt-nav">
                                                                                    <li class="kt-nav__section kt-nav__section--first"> <span class="kt-nav__section-text">EXPORT TOOLS</span> </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-eye"></i> <span class="kt-nav__link-text">View</span> </a>
                                                                                    </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-comment-o"></i> <span class="kt-nav__link-text">Coments</span> </a>
                                                                                    </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-copy"></i> <span class="kt-nav__link-text">Copy</span> </a>
                                                                                    </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-file-excel-o"></i> <span class="kt-nav__link-text">Excel</span> </a>
                                                                                    </li>
                                                                                </ul>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="kt-widget-6__item">
                                                                    <div class="kt-widget-6__item-pic">
                                                                        <img class="" src="../assets/media/blog/blog-2.jpg" alt="" />
                                                                    </div>
                                                                    <div class="kt-widget-6__item-info">
                                                                        <div class="kt-widget-6__item-title"> Tips on How to Write an About me page </div>
                                                                        <div class="kt-widget-6__item-desc"> HTML, CSS, JavaScripts </div>
                                                                    </div>
                                                                    <div class="kt-widget-6__item-icon kt-widget-6__item-icon--brand">
                                                                        <div class="dropdown dropdown-inline">
                                                                            <button type="button" class="btn btn-clean btn-sm btn-icon btn-icon-md" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="flaticon-more-1"></i> </button>
                                                                            <div class="dropdown-menu dropdown-menu-right">
                                                                                <ul class="kt-nav">
                                                                                    <li class="kt-nav__section kt-nav__section--first"> <span class="kt-nav__section-text">EXPORT TOOLS</span> </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-eye"></i> <span class="kt-nav__link-text">View</span> </a>
                                                                                    </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-comment-o"></i> <span class="kt-nav__link-text">Coments</span> </a>
                                                                                    </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-copy"></i> <span class="kt-nav__link-text">Copy</span> </a>
                                                                                    </li>
                                                                                    <li class="kt-nav__item">
                                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-file-excel-o"></i> <span class="kt-nav__link-text">Excel</span> </a>
                                                                                    </li>
                                                                                </ul>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <!-- end::Tab Content -->
                                                    <!-- begin::Nav pills -->
                                                    <ul class="kt-widget-6__nav-items nav nav-pills nav-fill" role="tablist">
                                                        <li class="kt-widget-6__nav-item nav-item"> <a class="nav-link active show" data-toggle="pill" href="#kt_personal_income_quater_15c7a0302b2b1e">1</a> </li>
                                                        <li class="kt-widget-6__nav-item nav-item"> <a class="nav-link" data-toggle="pill" href="#kt_personal_income_quater_25c7a0302b2b1e">2</a> </li>
                                                        <li class="kt-widget-6__nav-item nav-item"> <a class="nav-link" data-toggle="pill" href="#kt_personal_income_quater_35c7a0302b2b1e">3</a> </li>
                                                        <li class="kt-widget-6__nav-item nav-item"> <a class="nav-link" data-toggle="pill" href="#kt_personal_income_quater_45c7a0302b2b1e">4</a> </li>
                                                    </ul>
                                                    <!-- end::Nav pills -->
                                                </div>
                                            </div>
                                        </div>
                                        <!--end::Portlet-->
                                    </div>
                                    <div class="col-lg-12 col-xl-8 order-lg-2 order-xl-1">
                                        <!--begin::Portlet-->
                                        <div class="kt-portlet kt-portlet--height-fluid kt-widget-17">
                                            <div class="kt-portlet__head">
                                                <div class="kt-portlet__head-label">
                                                    <h3 class="kt-portlet__head-title">
                                                        Latest Orders
                                                    </h3>
                                                </div>
                                                <div class="kt-portlet__head-toolbar">
                                                    <div class="kt-portlet__head-toolbar-wrapper">
                                                        <div class="dropdown dropdown-inline">
                                                            <button type="button" class="btn btn-clean btn-sm btn-icon btn-icon-md" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="flaticon-more-1"></i> </button>
                                                            <div class="dropdown-menu dropdown-menu-right">
                                                                <ul class="kt-nav">
                                                                    <li class="kt-nav__section kt-nav__section--first"> <span class="kt-nav__section-text">Export Tools</span> </li>
                                                                    <li class="kt-nav__item">
                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-print"></i> <span class="kt-nav__link-text">Print</span> </a>
                                                                    </li>
                                                                    <li class="kt-nav__item">
                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-copy"></i> <span class="kt-nav__link-text">Copy</span> </a>
                                                                    </li>
                                                                    <li class="kt-nav__item">
                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-file-excel-o"></i> <span class="kt-nav__link-text">Excel</span> </a>
                                                                    </li>
                                                                    <li class="kt-nav__item">
                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-file-text-o"></i> <span class="kt-nav__link-text">CSV</span> </a>
                                                                    </li>
                                                                    <li class="kt-nav__item">
                                                                        <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-file-pdf-o"></i> <span class="kt-nav__link-text">PDF</span> </a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="kt-portlet__body">
                                                <div class="kt-widget-17">
                                                    <div class="kt-widget-17__item">
                                                        <div class="kt-widget-17__product">
                                                            <div class="kt-widget-17__thumb">
                                                                <a href="#">
                                                                    <img src="../assets/media/blog/7.jpg" class="kt-widget-17__image" alt="" title="" />
                                                                </a>
                                                            </div>
                                                            <div class="kt-widget-17__product-desc">
                                                                <a href="#">
                                                                    <div class="kt-widget-17__title"> Dark Blue Shoes - Limited Collection </div>
                                                                </a>
                                                                <div class="kt-widget-17__sku"> SKU: 08451345264 </div>
                                                            </div>
                                                        </div>
                                                        <div class="kt-widget-17__prices">
                                                            <div class="kt-widget-17__unit"> $38.00 <span>x</span> 2 </div>
                                                            <div class="kt-widget-17__total"> $76.00 </div>
                                                        </div>
                                                    </div>
                                                    <div class="kt-widget-17__item">
                                                        <div class="kt-widget-17__product">
                                                            <div class="kt-widget-17__thumb">
                                                                <a href="#">
                                                                    <img src="../assets/media/blog/8.jpg" class="kt-widget-17__image" alt="" title="" />
                                                                </a>
                                                            </div>
                                                            <div class="kt-widget-17__product-desc">
                                                                <a href="#">
                                                                    <div class="kt-widget-17__title"> Converse Sneakers - Red, Green & White </div>
                                                                </a>
                                                                <div class="kt-widget-17__sku"> SKU: 08451345244 </div>
                                                            </div>
                                                        </div>
                                                        <div class="kt-widget-17__prices">
                                                            <div class="kt-widget-17__unit"> $92.00 <span>x</span> 1 </div>
                                                            <div class="kt-widget-17__total"> $92.00 </div>
                                                        </div>
                                                    </div>
                                                    <div class="kt-widget-17__item">
                                                        <div class="kt-widget-17__product">
                                                            <div class="kt-widget-17__thumb">
                                                                <a href="#">
                                                                    <img src="../assets/media/blog/12.jpg" class="kt-widget-17__image" alt="" title="" />
                                                                </a>
                                                            </div>
                                                            <div class="kt-widget-17__product-desc">
                                                                <a href="#">
                                                                    <div class="kt-widget-17__title"> Merrell - Best Hiking Shoes </div>
                                                                </a>
                                                                <div class="kt-widget-17__sku"> SKU: 08451345285 </div>
                                                            </div>
                                                        </div>
                                                        <div class="kt-widget-17__prices">
                                                            <div class="kt-widget-17__unit"> $224.00 <span>x</span> 1 </div>
                                                            <div class="kt-widget-17__total"> $224.00 </div>
                                                        </div>
                                                    </div>
                                                    <div class="kt-widget-17__item">
                                                        <div class="kt-widget-17__product">
                                                            <div class="kt-widget-17__thumb">
                                                                <a href="#">
                                                                    <img src="../assets/media/blog/11.jpg" class="kt-widget-17__image" alt="" title="" />
                                                                </a>
                                                            </div>
                                                            <div class="kt-widget-17__product-desc">
                                                                <a href="#">
                                                                    <div class="kt-widget-17__title"> Ray Ban - Green Sunglasses </div>
                                                                </a>
                                                                <div class="kt-widget-17__sku"> SKU: 08451345239 </div>
                                                            </div>
                                                        </div>
                                                        <div class="kt-widget-17__prices">
                                                            <div class="kt-widget-17__unit"> $109.00 <span>x</span> 3 </div>
                                                            <div class="kt-widget-17__total"> $327.00 </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="kt-portlet__foot kt-portlet__foot--md">
                                                <div class="kt-widget-17__foot">
                                                    <div class="kt-widget-17__foot-info"></div>
                                                    <div class="kt-widget-17__foot-toolbar"> <a href="#" class="btn btn-default btn-sm btn-bold btn-upper">Preview</a> <a href="#" class="btn btn-brand btn-sm btn-upper btn-bold">Approve</a> </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!--end::Portlet-->
                                    </div>
                                </div>
                                <!--end::Row-->
                                <!--end::Dashboard 4-->
                            </div>
                            <!-- end:: Content -->
                        </div>
                    </div>
                    <!-- begin:: Footer -->
                    <div class="kt-footer kt-grid__item" id="kt_footer">
                        <div class="kt-footer__copyright"> 2018&nbsp;&copy;&nbsp;<a href="http://keenthemes.com/keen" target="_blank" class="kt-link">Keenthemes Inc</a> </div>
                        <div class="kt-footer__menu"> <a href="http://keenthemes.com/keen" target="_blank" class="kt-link">About</a> <a href="http://keenthemes.com/keen" target="_blank" class="kt-link">Team</a> <a href="http://keenthemes.com/keen" target="_blank" class="kt-link">Contact</a> </div>
                    </div>
                    <!-- end:: Footer -->
                </div>
            </div>
        </div>
        <!-- end:: Page -->
        <!-- begin:: Aside -->
        <div class="kt-aside kt-aside--fixed " id="kt_aside">
            <div class="kt-aside__head">
                <h3 class="kt-aside__title">
                    Dashboard 
                </h3>
                <a href="#" class="kt-aside__close" id="kt_aside_close"><i class="flaticon2-delete"></i></a>
            </div>
            <div class="kt-aside__body">
                <!-- begin:: Aside Menu -->
                <div class="kt-aside-menu-wrapper" id="kt_aside_menu_wrapper">
                    <div id="kt_aside_menu" class="kt-aside-menu " data-ktmenu-vertical="1" data-ktmenu-scroll="1" >
                        <ul class="kt-menu__nav ">
                            <li class="kt-menu__section kt-menu__section--first">
                                <h4 class="kt-menu__section-text">
                                    My Actions
                                </h4>
                                <i class="kt-menu__section-icon flaticon-more-v2"></i> 
                            </li>
                            <li class="kt-menu__item kt-menu__item--active" aria-haspopup="true" >
                                <a href="#" class="kt-menu__link "><span class="kt-menu__link-text">Vendors To Approve</span></a>
                            </li>
                            <li class="kt-menu__item " aria-haspopup="true" >
                                <a href="#" class="kt-menu__link "><span class="kt-menu__link-text">Pending Vendors</span></a>
                            </li>
                            <li class="kt-menu__item kt-menu__item--submenu" aria-haspopup="true" data-ktmenu-submenu-toggle="hover">
                                <a href="javascript:;" class="kt-menu__link kt-menu__toggle"><span class="kt-menu__link-text">Active Vendors</span><i class="kt-menu__ver-arrow la la-angle-right"></i></a>
                                <div class="kt-menu__submenu ">
                                    <span class="kt-menu__arrow"></span>
                                    <ul class="kt-menu__subnav">
                                        <li class="kt-menu__item kt-menu__item--parent" aria-haspopup="true" >
                                            <span class="kt-menu__link"><span class="kt-menu__link-text">Active Vendors</span></span>
                                        </li>
                                        <li class="kt-menu__item " aria-haspopup="true" >
                                            <a href="#" class="kt-menu__link ">
                                                <i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i>
                                                <span class="kt-menu__link-text">Vendors Dashboard</span>
                                            </a>
                                        </li>
                                        <li class="kt-menu__item " aria-haspopup="true" >
                                            <a href="#" class="kt-menu__link ">
                                                <i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i>
                                                <span class="kt-menu__link-text">Vendors Revenue</span>
                                            </a>
                                        </li>
                                        <li class="kt-menu__item " aria-haspopup="true" >
                                            <a href="#" class="kt-menu__link ">
                                                <i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i>
                                                <span class="kt-menu__link-text">Sales Reports</span>
                                            </a>
                                        </li>
                                        <li class="kt-menu__item " aria-haspopup="true" >
                                            <a href="#" class="kt-menu__link ">
                                                <i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i>
                                                <span class="kt-menu__link-text">Transactions</span>
                                            </a>
                                        </li>
                                        <li class="kt-menu__item " aria-haspopup="true" >
                                            <a href="#" class="kt-menu__link ">
                                                <i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i>
                                                <span class="kt-menu__link-text">Statements</span>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="kt-menu__section ">
                                <h4 class="kt-menu__section-text">
                                    Vendor Reports
                                </h4>
                                <i class="kt-menu__section-icon flaticon-more-v2"></i> 
                            </li>
                            <li class="kt-menu__item " aria-haspopup="true" >
                                <a href="#" class="kt-menu__link "><span class="kt-menu__link-text">Statements</span></a>
                            </li>
                            <li class="kt-menu__item " aria-haspopup="true" >
                                <a href="#" class="kt-menu__link "><span class="kt-menu__link-text">Transactions</span></a>
                            </li>
                            <li class="kt-menu__item kt-menu__item--submenu" aria-haspopup="true" data-ktmenu-submenu-toggle="hover">
                                <a href="javascript:;" class="kt-menu__link kt-menu__toggle"><span class="kt-menu__link-text">Archive</span><i class="kt-menu__ver-arrow la la-angle-right"></i></a>
                                <div class="kt-menu__submenu ">
                                    <span class="kt-menu__arrow"></span>
                                    <ul class="kt-menu__subnav">
                                        <li class="kt-menu__item kt-menu__item--parent" aria-haspopup="true" >
                                            <span class="kt-menu__link"><span class="kt-menu__link-text">Archive</span></span>
                                        </li>
                                        <li class="kt-menu__item " aria-haspopup="true" >
                                            <a href="#" class="kt-menu__link ">
                                                <i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i>
                                                <span class="kt-menu__link-text">Base</span>
                                            </a>
                                        </li>
                                        <li class="kt-menu__item " aria-haspopup="true" >
                                            <a href="#" class="kt-menu__link ">
                                                <i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i>
                                                <span class="kt-menu__link-text">Draggable</span>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="kt-menu__item " aria-haspopup="true" >
                                <a href="javascript:;" class="kt-menu__link "><span class="kt-menu__link-text">Invoices</span></a>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- end:: Aside Menu -->
            </div>
        </div>
        <!-- end:: Aside -->
        <!-- begin:: Topbar Offcanvas Panels -->
        <!-- begin::Offcanvas Toolbar Search -->
        <div id="kt_offcanvas_toolbar_search" class="kt-offcanvas-panel">
            <div class="kt-offcanvas-panel__head">
                <h3 class="kt-offcanvas-panel__title">
                    Search 
                </h3>
                <a href="#" class="kt-offcanvas-panel__close" id="kt_offcanvas_toolbar_search_close"><i class="flaticon2-delete"></i></a>
            </div>
            <div class="kt-offcanvas-panel__body">
                <!-- begin:: Quick Search -->
                <div class="kt-quick-search kt-quick-search--offcanvas" id="kt_quick_search_offcanvas">
                    <form method="get" action="" class="kt-quick-search__form">
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text"><i class="flaticon2-search-1"></i></span>
                            </div>
                            <input type="text" class="form-control kt-quick-search__input" placeholder="Type here..." name="query">
                            <div class="input-group-append">
                                <span class="input-group-text"><i class="la la-close kt-quick-search__close"></i></span>
                            </div>
                        </div>
                    </form>
                    <div class="kt-quick-search__wrapper">
                        <div class="kt-quick-search__result">
                            <div class="kt-quick-search__category"> Reports </div>
                            <div class="kt-quick-search__section">
                                <div class="kt-quick-search__item">
                                    <div class="kt-quick-search__item-img kt-quick-search__item-img--file">
                                        <img src="../assets/media/files/doc.svg" alt="" />
                                    </div>
                                    <div class="kt-quick-search__item-wrapper">
                                        <a href="#" class="kt-quick-search__item-title"> AirPlus Requirements </a> 
                                        <div class="kt-quick-search__item-desc"> by Grog John </div>
                                    </div>
                                </div>
                                <div class="kt-quick-search__item">
                                    <div class="kt-quick-search__item-img kt-quick-search__item-img--file">
                                        <img src="../assets/media/files/pdf.svg" alt="" />
                                    </div>
                                    <div class="kt-quick-search__item-wrapper">
                                        <a href="#" class="kt-quick-search__item-title"> TechNav Documentation </a> 
                                        <div class="kt-quick-search__item-desc"> by Mary Broun </div>
                                    </div>
                                </div>
                                <div class="kt-quick-search__item">
                                    <div class="kt-quick-search__item-img kt-quick-search__item-img--file">
                                        <img src="../assets/media/files/zip.svg" alt="" />
                                    </div>
                                    <div class="kt-quick-search__item-wrapper">
                                        <a href="#" class="kt-quick-search__item-title"> All Framework Docs </a> 
                                        <div class="kt-quick-search__item-desc"> by Grog John </div>
                                    </div>
                                </div>
                                <div class="kt-quick-search__item">
                                    <div class="kt-quick-search__item-img kt-quick-search__item-img--file">
                                        <img src="../assets/media/files/xml.svg" alt="" />
                                    </div>
                                    <div class="kt-quick-search__item-wrapper">
                                        <a href="#" class="kt-quick-search__item-title"> AirPlus Requirements </a> 
                                        <div class="kt-quick-search__item-desc"> by Grog John </div>
                                    </div>
                                </div>
                            </div>
                            <div class="kt-quick-search__category"> Customers </div>
                            <div class="kt-quick-search__section">
                                <div class="kt-quick-search__item">
                                    <div class="kt-quick-search__item-img">
                                        <img src="../assets/media/users/300_11.jpg" alt="" />
                                    </div>
                                    <div class="kt-quick-search__item-wrapper">
                                        <a href="#" class="kt-quick-search__item-title"> Jimmy Curry </a> 
                                        <div class="kt-quick-search__item-desc"> Software Developer </div>
                                    </div>
                                </div>
                                <div class="kt-quick-search__item">
                                    <div class="kt-quick-search__item-img">
                                        <img src="../assets/media/users/300_16.jpg" alt="" />
                                    </div>
                                    <div class="kt-quick-search__item-wrapper">
                                        <a href="#" class="kt-quick-search__item-title"> Milena Gibson </a> 
                                        <div class="kt-quick-search__item-desc"> UI Designer </div>
                                    </div>
                                </div>
                                <div class="kt-quick-search__item">
                                    <div class="kt-quick-search__item-img">
                                        <img src="../assets/media/users/300_22.jpg" alt="" />
                                    </div>
                                    <div class="kt-quick-search__item-wrapper">
                                        <a href="#" class="kt-quick-search__item-title"> Stefan JohnStefan </a> 
                                        <div class="kt-quick-search__item-desc"> Marketing Manager </div>
                                    </div>
                                </div>
                                <div class="kt-quick-search__item">
                                    <div class="kt-quick-search__item-img">
                                        <img src="../assets/media/users/300_5.jpg" alt="" />
                                    </div>
                                    <div class="kt-quick-search__item-wrapper">
                                        <a href="#" class="kt-quick-search__item-title"> Anna Strong </a> 
                                        <div class="kt-quick-search__item-desc"> Software Developer </div>
                                    </div>
                                </div>
                            </div>
                            <div class="kt-quick-search__category"> Files </div>
                            <div class="kt-quick-search__section">
                                <div class="kt-quick-search__item">
                                    <div class="kt-quick-search__item-icon"> <i class="flaticon2-box kt-font-danger"></i> </div>
                                    <div class="kt-quick-search__item-wrapper">
                                        <a href="#" class="kt-quick-search__item-title"> 2 New items submitted </a> 
                                        <div class="kt-quick-search__item-desc"> Marketing Manager </div>
                                    </div>
                                </div>
                                <div class="kt-quick-search__item">
                                    <div class="kt-quick-search__item-icon"> <i class="flaticon-psd kt-font-brand"></i> </div>
                                    <div class="kt-quick-search__item-wrapper">
                                        <a href="#" class="kt-quick-search__item-title"> 79 PSD files generated </a> 
                                        <div class="kt-quick-search__item-desc"> by Grog John </div>
                                    </div>
                                </div>
                                <div class="kt-quick-search__item">
                                    <div class="kt-quick-search__item-icon"> <i class="flaticon2-supermarket kt-font-warning"></i> </div>
                                    <div class="kt-quick-search__item-wrapper">
                                        <a href="#" class="kt-quick-search__item-title"> $2900 worth products sold </a> 
                                        <div class="kt-quick-search__item-desc"> Total 234 items </div>
                                    </div>
                                </div>
                                <div class="kt-quick-search__item">
                                    <div class="kt-quick-search__item-icon"> <i class="flaticon-safe-shield-protection kt-font-info"></i> </div>
                                    <div class="kt-quick-search__item-wrapper">
                                        <a href="#" class="kt-quick-search__item-title"> 4 New items submitted </a> 
                                        <div class="kt-quick-search__item-desc"> Marketing Manager </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- end:: Quick Search -->
            </div>
        </div>
        <!-- end::Offcanvas Toolbar Search -->
        <!-- begin::Offcanvas Toolbar Notifications -->
        <div id="kt_offcanvas_toolbar_notifications" class="kt-offcanvas-panel">
            <div class="kt-offcanvas-panel__head">
                <h3 class="kt-offcanvas-panel__title">
                    Notifications <small>24 New</small> 
                </h3>
                <a href="#" class="kt-offcanvas-panel__close" id="kt_offcanvas_toolbar_notifications_close"><i class="flaticon2-delete"></i></a>
            </div>
            <div class="kt-offcanvas-panel__body">
                <div class="kt-notification-v2">
                    <a href="#" class="kt-notification-v2__item">
                        <div class="kt-notification-v2__item-icon"> <i class="flaticon-bell kt-font-focus"></i> </div>
                        <div class="kt-notification-v2__item-wrapper">
                            <div class="kt-notification-v2__item-title"> 5 new user generated report </div>
                            <div class="kt-notification-v2__item-desc"> Reports based on sales </div>
                        </div>
                    </a>
                    <a href="#" class="kt-notification-v2__item">
                        <div class="kt-notification-v2__item-icon"> <i class="flaticon2-box kt-font-danger"></i> </div>
                        <div class="kt-notification-v2__item-wrapper">
                            <div class="kt-notification-v2__item-title"> 2 new items submited </div>
                            <div class="kt-notification-v2__item-desc"> by Grog John </div>
                        </div>
                    </a>
                    <a href="#" class="kt-notification-v2__item">
                        <div class="kt-notification-v2__item-icon"> <i class="flaticon-psd kt-font-brand"></i> </div>
                        <div class="kt-notification-v2__item-wrapper">
                            <div class="kt-notification-v2__item-title"> 79 PSD files generated </div>
                            <div class="kt-notification-v2__item-desc"> Reports based on sales </div>
                        </div>
                    </a>
                    <a href="#" class="kt-notification-v2__item">
                        <div class="kt-notification-v2__item-icon"> <i class="flaticon2-supermarket kt-font-warning"></i> </div>
                        <div class="kt-notification-v2__item-wrapper">
                            <div class="kt-notification-v2__item-title"> $2900 worth producucts sold </div>
                            <div class="kt-notification-v2__item-desc"> Total 234 items </div>
                        </div>
                    </a>
                    <a href="#" class="kt-notification-v2__item">
                        <div class="kt-notification-v2__item-icon"> <i class="flaticon-paper-plane-1 kt-font-success"></i> </div>
                        <div class="kt-notification-v2__item-wrapper">
                            <div class="kt-notification-v2__item-title"> 4.5h-avarage response time </div>
                            <div class="kt-notification-v2__item-desc"> Fostest is Barry </div>
                        </div>
                    </a>
                    <a href="#" class="kt-notification-v2__item">
                        <div class="kt-notification-v2__item-icon kt-font-danger"> <i class="flaticon-safe-shield-protection"></i> </div>
                        <div class="kt-notification-v2__item-wrapper">
                            <div class="kt-notification-v2__item-title"> 3 Defence alerts </div>
                            <div class="kt-notification-v2__item-desc"> 40% less alerts thar last week </div>
                        </div>
                    </a>
                    <a href="#" class="kt-notification-v2__item">
                        <div class="kt-notification-v2__item-icon kt-font-brand"> <i class="flaticon-notepad"></i> </div>
                        <div class="kt-notification-v2__item-wrapper">
                            <div class="kt-notification-v2__item-title"> Avarage 4 blog posts per author </div>
                            <div class="kt-notification-v2__item-desc"> Most posted 12 time </div>
                        </div>
                    </a>
                    <a href="#" class="kt-notification-v2__item">
                        <div class="kt-notification-v2__item-icon kt-font-warning"> <i class="flaticon-users-1"></i> </div>
                        <div class="kt-notification-v2__item-wrapper">
                            <div class="kt-notification-v2__item-title"> 16 authors joined last week </div>
                            <div class="kt-notification-v2__item-desc"> 9 photodrapehrs, 7 designer </div>
                        </div>
                    </a>
                    <a href="#" class="kt-notification-v2__item">
                        <div class="kt-notification-v2__item-icon"> <i class="flaticon2-box kt-font-info"></i> </div>
                        <div class="kt-notification-v2__item-wrapper">
                            <div class="kt-notification-v2__item-title"> 2 new items have been submited </div>
                            <div class="kt-notification-v2__item-desc"> by Grog John </div>
                        </div>
                    </a>
                    <a href="#" class="kt-notification-v2__item">
                        <div class="kt-notification-v2__item-icon kt-font-success"> <i class="flaticon2-download"></i> </div>
                        <div class="kt-notification-v2__item-wrapper">
                            <div class="kt-notification-v2__item-title"> 2.8 GB-total downloads size </div>
                            <div class="kt-notification-v2__item-desc"> Mostly PSD end AL concepts </div>
                        </div>
                    </a>
                    <a href="#" class="kt-notification-v2__item">
                        <div class="kt-notification-v2__item-icon"> <i class="flaticon2-supermarket kt-font-danger"></i> </div>
                        <div class="kt-notification-v2__item-wrapper">
                            <div class="kt-notification-v2__item-title"> $2900 worth producucts sold </div>
                            <div class="kt-notification-v2__item-desc"> Total 234 items </div>
                        </div>
                    </a>
                    <a href="#" class="kt-notification-v2__item">
                        <div class="kt-notification-v2__item-icon"> <i class="flaticon-bell kt-font-brand"></i> </div>
                        <div class="kt-notification-v2__item-wrapper">
                            <div class="kt-notification-v2__item-title"> 7 new user generated report </div>
                            <div class="kt-notification-v2__item-desc"> Reports based on sales </div>
                        </div>
                    </a>
                    <a href="#" class="kt-notification-v2__item">
                        <div class="kt-notification-v2__item-icon"> <i class="flaticon-paper-plane-1 kt-font-success"></i> </div>
                        <div class="kt-notification-v2__item-wrapper">
                            <div class="kt-notification-v2__item-title"> 4.5h-avarage response time </div>
                            <div class="kt-notification-v2__item-desc"> Fostest is Barry </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
        <!-- end::Offcanvas Toolbar Notifications -->
        <!-- begin::Offcanvas Toolbar Quick Actions -->
        <div id="kt_offcanvas_toolbar_quick_actions" class="kt-offcanvas-panel">
            <div class="kt-offcanvas-panel__head">
                <h3 class="kt-offcanvas-panel__title">
                    Quick Actions 
                </h3>
                <a href="#" class="kt-offcanvas-panel__close" id="kt_offcanvas_toolbar_quick_actions_close"><i class="flaticon2-delete"></i></a>
            </div>
            <div class="kt-offcanvas-panel__body">
                <div class="kt-grid-nav-v2">
                    <a href="#" class="kt-grid-nav-v2__item">
                        <div class="kt-grid-nav-v2__item-icon"><i class="flaticon2-box"></i></div>
                        <div class="kt-grid-nav-v2__item-title">Orders</div>
                    </a>
                    <a href="#" class="kt-grid-nav-v2__item">
                        <div class="kt-grid-nav-v2__item-icon"><i class="flaticon-download-1"></i></div>
                        <div class="kt-grid-nav-v2__item-title">Uploades</div>
                    </a>
                    <a href="#" class="kt-grid-nav-v2__item">
                        <div class="kt-grid-nav-v2__item-icon"><i class="flaticon2-supermarket"></i></div>
                        <div class="kt-grid-nav-v2__item-title">Products</div>
                    </a>
                    <a href="#" class="kt-grid-nav-v2__item">
                        <div class="kt-grid-nav-v2__item-icon"><i class="flaticon2-avatar"></i></div>
                        <div class="kt-grid-nav-v2__item-title">Customers</div>
                    </a>
                    <a href="#" class="kt-grid-nav-v2__item">
                        <div class="kt-grid-nav-v2__item-icon"><i class="flaticon2-list"></i></div>
                        <div class="kt-grid-nav-v2__item-title">Blog Posts</div>
                    </a>
                    <a href="#" class="kt-grid-nav-v2__item">
                        <div class="kt-grid-nav-v2__item-icon"><i class="flaticon2-settings"></i></div>
                        <div class="kt-grid-nav-v2__item-title">Settings</div>
                    </a>
                </div>
            </div>
        </div>
        <!-- end::Offcanvas Toolbar Quick Actions -->
        <!-- begin::Offcanvas Toolbar Profile -->
        <div id="kt_offcanvas_toolbar_profile" class="kt-offcanvas-panel">
            <div class="kt-offcanvas-panel__head">
                <h3 class="kt-offcanvas-panel__title">
                    Profile 
                </h3>
                <a href="#" class="kt-offcanvas-panel__close" id="kt_offcanvas_toolbar_profile_close"><i class="flaticon2-delete"></i></a>
            </div>
            <div class="kt-offcanvas-panel__body">
                <div class="kt-user-card-v3 kt-margin-b-30">
                    <div class="kt-user-card-v3__avatar">
                        <img src="../assets/media/users/300_21.jpg" alt="" />
                    </div>
                    <div class="kt-user-card-v3__detalis">
                        <a href="#" class="kt-user-card-v3__name"> James Jones </a> 
                        <div class="kt-user-card-v3__desc"> Application Developer </div>
                        <div class="kt-user-card-v3__info">
                            <a href="#" class="kt-user-card-v3__item"> <i class="flaticon-email-black-circular-button kt-font-brand"></i> <span class="kt-user-card-v3__tag">jm@softplus.com</span> </a>
                            <a href="#" class="kt-user-card-v3__item"> <i class="flaticon-twitter-logo-button kt-font-success"></i> <span class="kt-user-card-v3__tag">@jmdev</span> </a>
                        </div>
                    </div>
                </div>
                <div class="kt-offcanvas-panel__section kt-margin-t-50"> Sales Stats </div>
                <div class="kt-widget-1">
                    <div class="kt-widget-1__items">
                        <div class="kt-widget-1__item">
                            <div class="kt-widget-1__item-info">
                                <a href="#">
                                    <div class="kt-widget-1__item-title">HTML 5 Templates</div>
                                </a>
                                <div class="kt-widget-1__item-desc">Font-end,Admin &amp; Email</div>
                            </div>
                            <div class="kt-widget-1__item-stats">
                                <div class="kt-widget-1__item-value">+79%</div>
                                <div class="kt-widget-1__item-progress">
                                    <div class="progress">
                                        <div class="progress-bar bg-danger" role="progressbar" style="width: 79%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="kt-widget-1__item">
                            <div class="kt-widget-1__item-info">
                                <a href="#">
                                    <div class="kt-widget-1__item-title">Wordpress Themes</div>
                                </a>
                                <div class="kt-widget-1__item-desc">eCommerce Website, Plugin</div>
                            </div>
                            <div class="kt-widget-1__item-stats">
                                <div class="kt-widget-1__item-value">+21%</div>
                                <div class="kt-widget-1__item-progress">
                                    <div class="progress">
                                        <div class="progress-bar bg-brand" role="progressbar" style="width: 60%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="kt-widget-1__item">
                            <div class="kt-widget-1__item-info">
                                <a href="#">
                                    <div class="kt-widget-1__item-title">eCommerce Websites</div>
                                </a>
                                <div class="kt-widget-1__item-desc">Shops, Fasion wep sites &amp; atc</div>
                            </div>
                            <div class="kt-widget-1__item-stats">
                                <div class="kt-widget-1__item-value">-16%</div>
                                <div class="kt-widget-1__item-progress">
                                    <div class="progress">
                                        <div class="progress-bar bg-success" role="progressbar" style="width: 80%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="kt-widget-1__item">
                            <div class="kt-widget-1__item-info">
                                <a href="#">
                                    <div class="kt-widget-1__item-title">UI/UX Design</div>
                                </a>
                                <div class="kt-widget-1__item-desc">Evrything you ever imagine</div>
                            </div>
                            <div class="kt-widget-1__item-stats">
                                <div class="kt-widget-1__item-value">+4%</div>
                                <div class="kt-widget-1__item-progress">
                                    <div class="progress">
                                        <div class="progress-bar bg-focus" role="progressbar" style="width: 90%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="kt-offcanvas-panel__section kt-margin-t-50"> Top Products </div>
                <div class="kt-widget-4">
                    <div class="kt-widget-4__items">
                        <div class="kt-widget-4__item">
                            <div class="kt-widget-4__item-content">
                                <div class="kt-widget-4__item-section">
                                    <div class="kt-widget-4__item-pic">
                                        <img class="" src="../assets/media/product-logos/logo1.png" alt="">
                                    </div>
                                    <div class="kt-widget-4__item-info">
                                        <a href="#">
                                            <div class="kt-widget-4__item-username">Circle Desige</div>
                                        </a>
                                        <div class="kt-widget-4__item-desc">UI/UX, Animation, Design</div>
                                    </div>
                                </div>
                            </div>
                            <div class="kt-widget-4__item-content">
                                <div class="kt-widget-4__item-price"> <span class="kt-widget-4__item-badge">$</span> <span class="kt-widget-4__item-number">2,830</span> </div>
                            </div>
                        </div>
                        <div class="kt-widget-4__item">
                            <div class="kt-widget-4__item-content">
                                <div class="kt-widget-4__item-section">
                                    <div class="kt-widget-4__item-pic">
                                        <img class="" src="../assets/media/product-logos/logo2.png" alt="">
                                    </div>
                                    <div class="kt-widget-4__item-info">
                                        <a href="#">
                                            <div class="kt-widget-4__item-username">Clip Code</div>
                                        </a>
                                        <div class="kt-widget-4__item-desc">PHP, NET, Python, Ruby</div>
                                    </div>
                                </div>
                            </div>
                            <div class="kt-widget-4__item-content">
                                <div class="kt-widget-4__item-price"> <span class="kt-widget-4__item-badge">$</span> <span class="kt-widget-4__item-number">4,975</span> </div>
                            </div>
                        </div>
                        <div class="kt-widget-4__item">
                            <div class="kt-widget-4__item-content">
                                <div class="kt-widget-4__item-section">
                                    <div class="kt-widget-4__item-pic">
                                        <img class="" src="../assets/media/product-logos/logo3.png" alt="">
                                    </div>
                                    <div class="kt-widget-4__item-info">
                                        <a href="#">
                                            <div class="kt-widget-4__item-username">JS-Nijas</div>
                                        </a>
                                        <div class="kt-widget-4__item-desc">jQuery, AngularJS, Recct</div>
                                    </div>
                                </div>
                            </div>
                            <div class="kt-widget-4__item-content">
                                <div class="kt-widget-4__item-price"> <span class="kt-widget-4__item-badge">$</span> <span class="kt-widget-4__item-number">3.594</span> </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="kt-margin-t-40">
                    <button type="button" class="btn btn-brand btn-font-sm btn-upper btn-bold">full profile</button>
                </div>
            </div>
        </div>
        <!-- end::Offcanvas Toolbar Profile -->
        <!-- end:: Topbar Offcanvas Panels -->
        <!-- begin:: Quick Panel -->
        <div id="kt_quick_panel" class="kt-offcanvas-panel">
            <div class="kt-offcanvas-panel__nav">
                <ul class="nav nav-pills" role="tablist">
                    <li class="nav-item active"> <a class="nav-link active" data-toggle="tab" href="#kt_quick_panel_tab_notifications" role="tab">Notifications</a> </li>
                    <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#kt_quick_panel_tab_actions" role="tab">Actions</a> </li>
                    <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#kt_quick_panel_tab_settings" role="tab">Settings</a> </li>
                </ul>
                <button class="kt-offcanvas-panel__close" id="kt_quick_panel_close_btn"><i class="flaticon2-delete"></i></button>
            </div>
            <div class="kt-offcanvas-panel__body">
                <div class="tab-content">
                    <div class="tab-pane fade show kt-offcanvas-panel__content kt-scroll active" id="kt_quick_panel_tab_notifications" role="tabpanel">
                        <!--Begin::Timeline -->
                        <div class="kt-timeline">
                            <!--Begin::Item -->
                            <div class="kt-timeline__item kt-timeline__item--success">
                                <div class="kt-timeline__item-section">
                                    <div class="kt-timeline__item-section-border">
                                        <div class="kt-timeline__item-section-icon"> <i class="flaticon-feed kt-font-success"></i> </div>
                                    </div>
                                    <span class="kt-timeline__item-datetime">02:30 PM</span> 
                                </div>
                                <a href="" class="kt-timeline__item-text"> KeenThemes created new layout whith tens of new options for Keen Admin panel </a> 
                                <div class="kt-timeline__item-info"> HTML,CSS,VueJS </div>
                            </div>
                            <!--End::Item -->
                            <!--Begin::Item -->
                            <div class="kt-timeline__item kt-timeline__item--danger">
                                <div class="kt-timeline__item-section">
                                    <div class="kt-timeline__item-section-border">
                                        <div class="kt-timeline__item-section-icon"> <i class="flaticon-safe-shield-protection kt-font-danger"></i> </div>
                                    </div>
                                    <span class="kt-timeline__item-datetime">01:20 AM</span> 
                                </div>
                                <a href="" class="kt-timeline__item-text"> New secyrity alert by Firewall & order to take aktion on User Preferences </a> 
                                <div class="kt-timeline__item-info"> Security, Fieewall </div>
                            </div>
                            <!--End::Item -->
                            <!--Begin::Item -->
                            <div class="kt-timeline__item kt-timeline__item--brand">
                                <div class="kt-timeline__item-section">
                                    <div class="kt-timeline__item-section-border">
                                        <div class="kt-timeline__item-section-icon"> <i class="flaticon2-box kt-font-brand"></i> </div>
                                    </div>
                                    <span class="kt-timeline__item-datetime">Yestardey</span> 
                                </div>
                                <a href="" class="kt-timeline__item-text"> FlyMore design mock-ups been uploadet by designers Bob, Naomi, Richard </a> 
                                <div class="kt-timeline__item-info"> PSD, Sketch, AJ </div>
                            </div>
                            <!--End::Item -->
                            <!--Begin::Item -->
                            <div class="kt-timeline__item kt-timeline__item--warning">
                                <div class="kt-timeline__item-section">
                                    <div class="kt-timeline__item-section-border">
                                        <div class="kt-timeline__item-section-icon"> <i class="flaticon-pie-chart-1 kt-font-warning"></i> </div>
                                    </div>
                                    <span class="kt-timeline__item-datetime">Aug 13,2018</span> 
                                </div>
                                <a href="" class="kt-timeline__item-text">
                                    Meeting with Ken Digital Corp ot Unit14, 3 Edigor Buildings, George Street, Loondon
                                    <br>
                                    England, BA12FJ 
                                </a>
                                <div class="kt-timeline__item-info"> Meeting, Customer </div>
                            </div>
                            <!--End::Item -->
                            <!--Begin::Item -->
                            <div class="kt-timeline__item kt-timeline__item--info">
                                <div class="kt-timeline__item-section">
                                    <div class="kt-timeline__item-section-border">
                                        <div class="kt-timeline__item-section-icon"> <i class="flaticon-notepad kt-font-info"></i> </div>
                                    </div>
                                    <span class="kt-timeline__item-datetime">May 09, 2018</span> 
                                </div>
                                <a href="" class="kt-timeline__item-text"> KeenThemes created new layout whith tens of new options for Keen Admin panel </a> 
                                <div class="kt-timeline__item-info"> HTML,CSS,VueJS </div>
                            </div>
                            <!--End::Item -->
                            <!--Begin::Item -->
                            <div class="kt-timeline__item kt-timeline__item--accent">
                                <div class="kt-timeline__item-section">
                                    <div class="kt-timeline__item-section-border">
                                        <div class="kt-timeline__item-section-icon" > <i class="flaticon-bell kt-font-success"></i> </div>
                                    </div>
                                    <span class="kt-timeline__item-datetime">01:20 AM</span> 
                                </div>
                                <a href="" class="kt-timeline__item-text"> New secyrity alert by Firewall & order to take aktion on User Preferences </a> 
                                <div class="kt-timeline__item-info"> Security, Fieewall </div>
                            </div>
                            <!--End::Item -->
                        </div>
                        <!--End::Timeline -->
                    </div>
                    <div class="tab-pane fade kt-offcanvas-panel__content kt-scroll" id="kt_quick_panel_tab_actions" role="tabpanel">
                        <!--begin::Portlet-->
                        <div class="kt-portlet kt-portlet--solid-success">
                            <div class="kt-portlet__head">
                                <div class="kt-portlet__head-label">
                                    <span class="kt-portlet__head-icon kt-hide"><i class="flaticon-stopwatch"></i></span>
                                    <h3 class="kt-portlet__head-title">
                                        Recent Bills
                                    </h3>
                                </div>
                                <div class="kt-portlet__head-toolbar">
                                    <div class="kt-portlet__head-group">
                                        <div class="dropdown dropdown-inline">
                                            <button type="button" class="btn btn-sm btn-font-light btn-outline-hover-light btn-circle btn-icon" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> <i class="flaticon-more"></i> </button>
                                            <div class="dropdown-menu dropdown-menu-right">
                                                <a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Another action</a> <a class="dropdown-item" href="#">Something else here</a> 
                                                <div class="dropdown-divider"></div>
                                                <a class="dropdown-item" href="#">Separated link</a> 
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="kt-portlet__body">
                                <div class="kt-portlet__content"> Lorem Ipsum is simply dummy text of the printing and typesetting simply dummy text of the printing industry. </div>
                            </div>
                            <div class="kt-portlet__foot kt-portlet__foot--sm kt-align-right"> <a href="#" class="btn btn-bold btn-upper btn-sm btn-font-light btn-outline-hover-light">Dismiss</a> <a href="#" class="btn btn-bold btn-upper btn-sm btn-font-light btn-outline-hover-light">View</a> </div>
                        </div>
                        <!--end::Portlet-->
                        <!--begin::Portlet-->
                        <div class="kt-portlet kt-portlet--solid-focus">
                            <div class="kt-portlet__head">
                                <div class="kt-portlet__head-label">
                                    <span class="kt-portlet__head-icon kt-hide"><i class="flaticon-stopwatch"></i></span>
                                    <h3 class="kt-portlet__head-title">
                                        Latest Orders
                                    </h3>
                                </div>
                                <div class="kt-portlet__head-toolbar">
                                    <div class="kt-portlet__head-group">
                                        <div class="dropdown dropdown-inline">
                                            <button type="button" class="btn btn-sm btn-font-light btn-outline-hover-light btn-circle btn-icon" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> <i class="flaticon-more"></i> </button>
                                            <div class="dropdown-menu dropdown-menu-right">
                                                <a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Another action</a> <a class="dropdown-item" href="#">Something else here</a> 
                                                <div class="dropdown-divider"></div>
                                                <a class="dropdown-item" href="#">Separated link</a> 
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="kt-portlet__body">
                                <div class="kt-portlet__content"> Lorem Ipsum is simply dummy text of the printing and typesetting simply dummy text of the printing industry. </div>
                            </div>
                            <div class="kt-portlet__foot kt-portlet__foot--sm kt-align-right"> <a href="#" class="btn btn-bold btn-upper btn-sm btn-font-light btn-outline-hover-light">Dismiss</a> <a href="#" class="btn btn-bold btn-upper btn-sm btn-font-light btn-outline-hover-light">View</a> </div>
                        </div>
                        <!--end::Portlet-->
                        <!--begin::Portlet-->
                        <div class="kt-portlet kt-portlet--solid-info">
                            <div class="kt-portlet__head">
                                <div class="kt-portlet__head-label">
                                    <h3 class="kt-portlet__head-title">
                                        Latest Invoices
                                    </h3>
                                </div>
                                <div class="kt-portlet__head-toolbar">
                                    <div class="kt-portlet__head-group">
                                        <div class="dropdown dropdown-inline">
                                            <button type="button" class="btn btn-sm btn-font-light btn-outline-hover-light btn-circle btn-icon" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> <i class="flaticon-more"></i> </button>
                                            <div class="dropdown-menu dropdown-menu-right">
                                                <a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Another action</a> <a class="dropdown-item" href="#">Something else here</a> 
                                                <div class="dropdown-divider"></div>
                                                <a class="dropdown-item" href="#">Separated link</a> 
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="kt-portlet__body">
                                <div class="kt-portlet__content"> Lorem Ipsum is simply dummy text of the printing and typesetting simply dummy text of the printing industry. </div>
                            </div>
                            <div class="kt-portlet__foot kt-portlet__foot--sm kt-align-right"> <a href="#" class="btn btn-bold btn-upper btn-sm btn-font-light btn-outline-hover-light">Dismiss</a> <a href="#" class="btn btn-bold btn-upper btn-sm btn-font-light btn-outline-hover-light">View</a> </div>
                        </div>
                        <!--end::Portlet-->
                        <!--begin::Portlet-->
                        <div class="kt-portlet kt-portlet--solid-warning">
                            <div class="kt-portlet__head">
                                <div class="kt-portlet__head-label">
                                    <h3 class="kt-portlet__head-title">
                                        New Comments
                                    </h3>
                                </div>
                                <div class="kt-portlet__head-toolbar">
                                    <div class="kt-portlet__head-group">
                                        <div class="dropdown dropdown-inline">
                                            <button type="button" class="btn btn-sm btn-font-light btn-outline-hover-light btn-circle btn-icon" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> <i class="flaticon-more"></i> </button>
                                            <div class="dropdown-menu dropdown-menu-right">
                                                <a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Another action</a> <a class="dropdown-item" href="#">Something else here</a> 
                                                <div class="dropdown-divider"></div>
                                                <a class="dropdown-item" href="#">Separated link</a> 
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="kt-portlet__body">
                                <div class="kt-portlet__content"> Lorem Ipsum is simply dummy text of the printing and typesetting simply dummy text of the printing industry. </div>
                            </div>
                            <div class="kt-portlet__foot kt-portlet__foot--sm kt-align-right"> <a href="#" class="btn btn-bold btn-upper btn-sm btn-font-light btn-outline-hover-light">Dismiss</a> <a href="#" class="btn btn-bold btn-upper btn-sm btn-font-light btn-outline-hover-light">View</a> </div>
                        </div>
                        <!--end::Portlet-->
                        <!--begin::Portlet-->
                        <div class="kt-portlet kt-portlet--solid-brand">
                            <div class="kt-portlet__head">
                                <div class="kt-portlet__head-label">
                                    <h3 class="kt-portlet__head-title">
                                        Recent Posts
                                    </h3>
                                </div>
                                <div class="kt-portlet__head-toolbar">
                                    <div class="kt-portlet__head-group">
                                        <div class="dropdown dropdown-inline">
                                            <button type="button" class="btn btn-sm btn-font-light btn-outline-hover-light btn-circle btn-icon" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> <i class="flaticon-more"></i> </button>
                                            <div class="dropdown-menu dropdown-menu-right">
                                                <a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Another action</a> <a class="dropdown-item" href="#">Something else here</a> 
                                                <div class="dropdown-divider"></div>
                                                <a class="dropdown-item" href="#">Separated link</a> 
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="kt-portlet__body">
                                <div class="kt-portlet__content"> Lorem Ipsum is simply dummy text of the printing and typesetting simply dummy text of the printing industry. </div>
                            </div>
                            <div class="kt-portlet__foot kt-portlet__foot--sm kt-align-right"> <a href="#" class="btn btn-bold btn-upper btn-sm btn-font-light btn-outline-hover-light">Dismiss</a> <a href="#" class="btn btn-bold btn-upper btn-sm btn-font-light btn-outline-hover-light">View</a> </div>
                        </div>
                        <!--end::Portlet-->
                    </div>
                    <div class="tab-pane fade kt-offcanvas-panel__content kt-scroll" id="kt_quick_panel_tab_settings" role="tabpanel">
                        <form class="kt-form">
                            <div class="kt-heading kt-heading--space-sm">Notifications</div>
                            <div class="form-group form-group-xs row">
                                <label class="col-8 col-form-label">Enable notifications:</label>
                                <div class="col-4 kt-align-right">
                                    <span class="kt-switch kt-switch--sm">
                                        <label>
                                            <input type="checkbox" checked="checked" name="quick_panel_notifications_1">
                                            <span></span> 
                                        </label>
                                    </span>
                                </div>
                            </div>
                            <div class="form-group form-group-xs row">
                                <label class="col-8 col-form-label">Enable audit log:</label>
                                <div class="col-4 kt-align-right">
                                    <span class="kt-switch kt-switch--sm">
                                        <label>
                                            <input type="checkbox" name="quick_panel_notifications_2">
                                            <span></span> 
                                        </label>
                                    </span>
                                </div>
                            </div>
                            <div class="form-group form-group-last form-group-xs row">
                                <label class="col-8 col-form-label">Notify on new orders:</label>
                                <div class="col-4 kt-align-right">
                                    <span class="kt-switch kt-switch--sm">
                                        <label>
                                            <input type="checkbox" checked="checked" name="quick_panel_notifications_2">
                                            <span></span> 
                                        </label>
                                    </span>
                                </div>
                            </div>
                            <div class="kt-separator kt-separator--space-md kt-separator--border-dashed"></div>
                            <div class="kt-heading kt-heading--space-sm">Orders</div>
                            <div class="form-group form-group-xs row">
                                <label class="col-8 col-form-label">Enable order tracking:</label>
                                <div class="col-4 kt-align-right">
                                    <span class="kt-switch kt-switch--sm kt-switch--danger">
                                        <label>
                                            <input type="checkbox" checked="checked" name="quick_panel_notifications_3">
                                            <span></span> 
                                        </label>
                                    </span>
                                </div>
                            </div>
                            <div class="form-group form-group-xs row">
                                <label class="col-8 col-form-label">Enable orders reports:</label>
                                <div class="col-4 kt-align-right">
                                    <span class="kt-switch kt-switch--sm kt-switch--danger">
                                        <label>
                                            <input type="checkbox" name="quick_panel_notifications_3">
                                            <span></span> 
                                        </label>
                                    </span>
                                </div>
                            </div>
                            <div class="form-group form-group-last form-group-xs row">
                                <label class="col-8 col-form-label">Allow order status auto update:</label>
                                <div class="col-4 kt-align-right">
                                    <span class="kt-switch kt-switch--sm kt-switch--danger">
                                        <label>
                                            <input type="checkbox" checked="checked" name="quick_panel_notifications_4">
                                            <span></span> 
                                        </label>
                                    </span>
                                </div>
                            </div>
                            <div class="kt-separator kt-separator--space-md kt-separator--border-dashed"></div>
                            <div class="kt-heading kt-heading--space-sm">Customers</div>
                            <div class="form-group form-group-xs row">
                                <label class="col-8 col-form-label">Enable customer singup:</label>
                                <div class="col-4 kt-align-right">
                                    <span class="kt-switch kt-switch--sm kt-switch--success">
                                        <label>
                                            <input type="checkbox" checked="checked" name="quick_panel_notifications_5">
                                            <span></span> 
                                        </label>
                                    </span>
                                </div>
                            </div>
                            <div class="form-group form-group-xs row">
                                <label class="col-8 col-form-label">Enable customers reporting:</label>
                                <div class="col-4 kt-align-right">
                                    <span class="kt-switch kt-switch--sm kt-switch--success">
                                        <label>
                                            <input type="checkbox" name="quick_panel_notifications_5">
                                            <span></span> 
                                        </label>
                                    </span>
                                </div>
                            </div>
                            <div class="form-group form-group-last form-group-xs row">
                                <label class="col-8 col-form-label">Notifiy on new customer registration:</label>
                                <div class="col-4 kt-align-right">
                                    <span class="kt-switch kt-switch--sm kt-switch--success">
                                        <label>
                                            <input type="checkbox" checked="checked" name="quick_panel_notifications_6">
                                            <span></span> 
                                        </label>
                                    </span>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <!-- end:: Quick Panel -->
        <!-- begin:: Scrolltop -->
        <div id="kt_scrolltop" class="kt-scrolltop"> <i class="la la-arrow-up"></i> </div>
        <!-- end:: Scrolltop -->
        <!-- begin:: Demo Toolbar -->
        <ul class="kt-sticky-toolbar" style="margin-top: 30px;">
            <li class="kt-sticky-toolbar__item kt-sticky-toolbar__item--demo-toggle" id="kt_demo_panel_toggle" data-toggle="kt-tooltip" title="Check out more demos" data-placement="right"> <a href="#" class="">Demos</a> </li>
            <li class="kt-sticky-toolbar__item kt-sticky-toolbar__item--builder" data-toggle="kt-tooltip" title="Layout Builder" data-placement="left">
                <a href="https://keenthemes.com/keen/preview/demo5/builder.html" target="_blank"><i class="flaticon2-box"></i></a>
            </li>
            <li class="kt-sticky-toolbar__item kt-sticky-toolbar__item--docs" data-toggle="kt-tooltip" title="Documentation" data-placement="left">
                <a href="https://keenthemes.com/keen/?page=docs" target="_blank"><i class="flaticon2-file"></i></a>
            </li>
        </ul>
        <!-- end:: Demo Toolbar -->
        <!-- begin::Demo Panel -->
        <div id="kt_demo_panel" class="kt-demo-panel">
            <div class="kt-demo-panel__head">
                <h3 class="kt-demo-panel__title">
                    Select A Demo 
                    <!--<small>5</small>-->
                </h3>
                <a href="#" class="kt-demo-panel__close" id="kt_demo_panel_close"><i class="flaticon2-delete"></i></a>
            </div>
            <div class="kt-demo-panel__body">
                <div class="kt-demo-panel__item ">
                    <div class="kt-demo-panel__item-title"> Default </div>
                    <div class="kt-demo-panel__item-preview">
                        <img src="../assets/media/demos-mini/default.png" alt=""/>
                        <div class="kt-demo-panel__item-preview-overlay"> <a href="../default/index.html" class="btn btn-brand btn-elevate " target="_blank">Preview</a> </div>
                    </div>
                </div>
                <div class="kt-demo-panel__item ">
                    <div class="kt-demo-panel__item-title"> Demo 2 </div>
                    <div class="kt-demo-panel__item-preview">
                        <img src="../assets/media/demos-mini/demo2.png" alt=""/>
                        <div class="kt-demo-panel__item-preview-overlay"> <a href="../demo2/index.html" class="btn btn-brand btn-elevate " target="_blank">Preview</a> </div>
                    </div>
                </div>
                <div class="kt-demo-panel__item ">
                    <div class="kt-demo-panel__item-title"> Demo 3 </div>
                    <div class="kt-demo-panel__item-preview">
                        <img src="../assets/media/demos-mini/demo3.png" alt=""/>
                        <div class="kt-demo-panel__item-preview-overlay"> <a href="../demo3/index.html" class="btn btn-brand btn-elevate " target="_blank">Preview</a> </div>
                    </div>
                </div>
                <div class="kt-demo-panel__item ">
                    <div class="kt-demo-panel__item-title"> Demo 4 </div>
                    <div class="kt-demo-panel__item-preview">
                        <img src="../assets/media/demos-mini/demo4.png" alt=""/>
                        <div class="kt-demo-panel__item-preview-overlay"> <a href="../demo4/index.html" class="btn btn-brand btn-elevate " target="_blank">Preview</a> </div>
                    </div>
                </div>
                <div class="kt-demo-panel__item kt-demo-panel__item--active">
                    <div class="kt-demo-panel__item-title"> Demo 5 </div>
                    <div class="kt-demo-panel__item-preview">
                        <img src="../assets/media/demos-mini/demo5.png" alt=""/>
                        <div class="kt-demo-panel__item-preview-overlay"> <a href="../demo5/index.html" class="btn btn-brand btn-elevate " target="_blank">Preview</a> </div>
                    </div>
                </div>
                <div class="kt-demo-panel__item ">
                    <div class="kt-demo-panel__item-title"> Demo 6 </div>
                    <div class="kt-demo-panel__item-preview">
                        <img src="../assets/media/demos-mini/demo6.jpg" alt=""/>
                        <div class="kt-demo-panel__item-preview-overlay"> <a href="../demo6/index.html" class="btn btn-brand btn-elevate " target="_blank">Preview</a> </div>
                    </div>
                </div>
                <div class="kt-demo-panel__item ">
                    <div class="kt-demo-panel__item-title"> Demo 7 </div>
                    <div class="kt-demo-panel__item-preview">
                        <img src="../assets/media/demos-mini/demo7.jpg" alt=""/>
                        <div class="kt-demo-panel__item-preview-overlay"> <a href="#" class="btn btn-brand btn-elevate disabled" >Coming soon</a> </div>
                    </div>
                </div>
                <div class="kt-demo-panel__item ">
                    <div class="kt-demo-panel__item-title"> Demo 8 </div>
                    <div class="kt-demo-panel__item-preview">
                        <img src="../assets/media/demos-mini/demo8.jpg" alt=""/>
                        <div class="kt-demo-panel__item-preview-overlay"> <a href="#" class="btn btn-brand btn-elevate disabled" >Coming soon</a> </div>
                    </div>
                </div>
                <div class="kt-demo-panel__item ">
                    <div class="kt-demo-panel__item-title"> Demo 9 </div>
                    <div class="kt-demo-panel__item-preview">
                        <img src="../assets/media/demos-mini/demo9.jpg" alt=""/>
                        <div class="kt-demo-panel__item-preview-overlay"> <a href="#" class="btn btn-brand btn-elevate disabled" >Coming soon</a> </div>
                    </div>
                </div>
                <a href="https://themes.getbootstrap.com/product/keen-the-ultimate-bootstrap-admin-theme/" target="_blank" class="kt-demo-panel__purchase btn btn-brand btn-elevate btn-bold btn-upper"> Buy Keen Now! </a> 
            </div>
        </div>
        <!-- end::Demo Panel -->
        <!-- begin::Global Config(global config for global JS sciprts) -->
        <script>
            var KTAppOptions = {

    "colors": {

        "state": {

            "brand": "#1cac81",

            "metal": "#c4c5d6",

            "light": "#ffffff",

            "accent": "#00c5dc",

            "primary": "#5867dd",

            "success": "#34bfa3",

            "info": "#36a3f7",

            "warning": "#ffb822",

            "danger": "#fd3995",

            "focus": "#9816f4"
        },

        "base": {

            "label": [

                "#b9bdc1",

                "#aeb2b7",

                "#414b4c",

                "#343d3e"
            ],

            "shape": [

                "#eef4f3",

                "#e0e9e6",

                "#80c3af",

                "#41675c"
            ]
        }
    }
};
        </script>
        <!-- end::Global Config -->
        <!--begin:: Global Mandatory Vendors -->
<script src="../assets/vendors/general/jquery/dist/jquery.js" type="text/javascript"></script>
<script src="../assets/vendors/general/popper.js/dist/umd/popper.js" type="text/javascript"></script>
<script src="../assets/vendors/general/bootstrap/dist/js/bootstrap.min.js" type="text/javascript"></script>
<script src="../assets/vendors/general/js-cookie/src/js.cookie.js" type="text/javascript"></script>
<script src="../assets/vendors/general/moment/min/moment.min.js" type="text/javascript"></script>
<script src="../assets/vendors/general/tooltip.js/dist/umd/tooltip.min.js" type="text/javascript"></script>
<script src="../assets/vendors/general/perfect-scrollbar/dist/perfect-scrollbar.js" type="text/javascript"></script>
<script src="../assets/vendors/general/sticky-js/dist/sticky.min.js" type="text/javascript"></script>
<script src="../assets/vendors/general/wnumb/wNumb.js" type="text/javascript"></script>
<!--end:: Global Mandatory Vendors -->

<!--begin:: Global Optional Vendors -->
<script src="../assets/vendors/general/jquery-form/dist/jquery.form.min.js" type="text/javascript"></script>
<script src="../assets/vendors/general/block-ui/jquery.blockUI.js" type="text/javascript"></script>
<script src="../assets/vendors/general/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js" type="text/javascript"></script>
<script src="../assets/vendors/custom/components/vendors/bootstrap-datepicker/init.js" type="text/javascript"></script>
<script src="../assets/vendors/general/bootstrap-datetime-picker/js/bootstrap-datetimepicker.min.js" type="text/javascript"></script>
<script src="../assets/vendors/general/bootstrap-timepicker/js/bootstrap-timepicker.min.js" type="text/javascript"></script>
<script src="../assets/vendors/custom/components/vendors/bootstrap-timepicker/init.js" type="text/javascript"></script>
<script src="../assets/vendors/general/bootstrap-daterangepicker/daterangepicker.js" type="text/javascript"></script>
<script src="../assets/vendors/general/bootstrap-touchspin/dist/jquery.bootstrap-touchspin.js" type="text/javascript"></script>
<script src="../assets/vendors/general/bootstrap-maxlength/src/bootstrap-maxlength.js" type="text/javascript"></script>
<script src="../assets/vendors/custom/vendors/bootstrap-multiselectsplitter/bootstrap-multiselectsplitter.min.js" type="text/javascript"></script>
<script src="../assets/vendors/general/bootstrap-select/dist/js/bootstrap-select.js" type="text/javascript"></script>
<script src="../assets/vendors/general/typeahead.js/dist/typeahead.bundle.js" type="text/javascript"></script>
<script src="../assets/vendors/general/handlebars/dist/handlebars.js" type="text/javascript"></script>
<script src="../assets/vendors/general/inputmask/dist/jquery.inputmask.bundle.js" type="text/javascript"></script>
<script src="../assets/vendors/general/inputmask/dist/inputmask/inputmask.date.extensions.js" type="text/javascript"></script>
<script src="../assets/vendors/general/inputmask/dist/inputmask/inputmask.numeric.extensions.js" type="text/javascript"></script>
<script src="../assets/vendors/general/nouislider/distribute/nouislider.js" type="text/javascript"></script>
<script src="../assets/vendors/general/owl.carousel/dist/owl.carousel.js" type="text/javascript"></script>
<script src="../assets/vendors/general/autosize/dist/autosize.js" type="text/javascript"></script>
<script src="../assets/vendors/general/clipboard/dist/clipboard.min.js" type="text/javascript"></script>
<script src="../assets/vendors/general/dropzone/dist/dropzone.js" type="text/javascript"></script>
<script src="../assets/vendors/general/summernote/dist/summernote.js" type="text/javascript"></script>
<script src="../assets/vendors/general/markdown/lib/markdown.js" type="text/javascript"></script>
<script src="../assets/vendors/general/bootstrap-markdown/js/bootstrap-markdown.js" type="text/javascript"></script>
<script src="../assets/vendors/custom/components/vendors/bootstrap-markdown/init.js" type="text/javascript"></script>
<script src="../assets/vendors/general/jquery-validation/dist/jquery.validate.js" type="text/javascript"></script>
<script src="../assets/vendors/general/jquery-validation/dist/additional-methods.js" type="text/javascript"></script>
<script src="../assets/vendors/custom/components/vendors/jquery-validation/init.js" type="text/javascript"></script>
<script src="../assets/vendors/general/toastr/build/toastr.min.js" type="text/javascript"></script>
<script src="../assets/vendors/general/raphael/raphael.js" type="text/javascript"></script>
<script src="../assets/vendors/general/morris.js/morris.js" type="text/javascript"></script>
<script src="../assets/vendors/general/chart.js/dist/Chart.bundle.js" type="text/javascript"></script>
<script src="../assets/vendors/custom/vendors/bootstrap-session-timeout/dist/bootstrap-session-timeout.min.js" type="text/javascript"></script>
<script src="../assets/vendors/custom/vendors/jquery-idletimer/idle-timer.min.js" type="text/javascript"></script>
<script src="../assets/vendors/general/waypoints/lib/jquery.waypoints.js" type="text/javascript"></script>
<script src="../assets/vendors/general/counterup/jquery.counterup.js" type="text/javascript"></script>
<script src="../assets/vendors/general/es6-promise-polyfill/promise.min.js" type="text/javascript"></script>
<script src="../assets/vendors/general/sweetalert2/dist/sweetalert2.min.js" type="text/javascript"></script>
<script src="../assets/vendors/custom/components/vendors/sweetalert2/init.js" type="text/javascript"></script>
<script src="../assets/vendors/general/jquery.repeater/src/lib.js" type="text/javascript"></script>
<script src="../assets/vendors/general/jquery.repeater/src/jquery.input.js" type="text/javascript"></script>
<script src="../assets/vendors/general/jquery.repeater/src/repeater.js" type="text/javascript"></script>
<script src="../assets/vendors/general/dompurify/dist/purify.js" type="text/javascript"></script>
<!--end:: Global Optional Vendors -->

<!--begin::Global Theme Bundle(used by all pages) -->
        
        <script src="../assets/demo/demo5/base/scripts.bundle.js" type="text/javascript"></script>
        <!--end::Global Theme Bundle -->
        <!--begin::Page Vendors(used by this page) -->
        <script src="../assets/vendors/custom/fullcalendar/fullcalendar.bundle.js" type="text/javascript"></script>
        <!--end::Page Vendors -->
        <!--begin::Page Scripts(used by this page) -->
        <script src="../assets/app/custom/general/dashboard.js" type="text/javascript"></script>
        <!--end::Page Scripts -->
        <!--begin::Global App Bundle(used by all pages) -->
        <script src="../assets/app/bundle/app.bundle.js" type="text/javascript"></script>
        <!--end::Global App Bundle -->
    </body>
    <!-- end::Body -->
</html>